Fix navigation bar

doccano/app/server/static/inbox.css

@@ -1,42 +1,3 @@
-html,body {
-    font-family: 'Open Sans', serif;
-    font-size: 14px;
-    line-height: 1.5;
-    height: 100%;
-    background-color: #fff;
-  }
-  .nav.is-dark {
-    background-color: #232B2D;
-    color: #F6F7F7;
-  }
-  .nav.is-dark .nav-item a, .nav.is-dark a.nav-item {
-      color: #F6F7F7;
-  }
-  .nav.is-dark .nav-item a.button.is-default {
-      color: #F6F7F7;
-      background-color: transparent;
-      border-width: 2px;
-  }
-  .nav.menu {
-    border-bottom: 1px solid #e1e1e1;
-  }
-  .nav.menu .nav-item .icon-btn {
-    border: 3px solid #B7C6C9;
-    border-radius: 90px;
-    padding: 5px 7px;
-    color: #B7C6C9;
-  }
-  .nav.menu .nav-item.is-active .icon-btn {
-    color: #2EB398;
-    border: 3px solid #2EB398;
-  }
-  .nav.menu .nav-item .icon-btn .fa {
-    font-size: 20px;
-    color: #B7C6C9;
-  }
-  .nav.menu .nav-item.is-active .icon-btn .fa {
-    color: #2EB398;
-  }
   .aside {
     display:block;
     background-color: #363636;
@@ -146,13 +107,6 @@ html,body {
     color: #AAAAAA;
     text-decoration: none;
   }
-  .is-grouped .button {
-    background-image: linear-gradient(#F8F8F8, #F1F1F1);
-  }
-  .is-grouped .button .fa {
-    font-size: 15px;
-    color: #AAAAAA;
-  }
   .inbox-messages {
     margin-top:30px;
   }
@@ -176,7 +130,10 @@ html,body {
     float:right;
   }
   .inbox-messages .msg-snippet {
-    padding: 5px 20px 0px 0px;
+    padding: 5px 0px 0px 0px;
+  }
+  .inbox-messages .msg-snippet p {
+    font-size: 14px;
   }
   .inbox-messages .msg-subject .fa {
     font-size: 14px;

doccano/app/server/templates/annotation.html

@@ -8,7 +8,7 @@
                     Progress
                 </p>
                 <ul class="menu-list">
-                    <li class="has-text-grey-light level" style="padding-left:10px;margin-bottom:0;">
+                    <li class="has-text-grey-light level" style="padding-left:10px;margin-bottom:0;font-size:14px">
                         <span class="level-left">Achievement</span>
                         <span class="level-right">[[ achievement ]]%</span>
                     </li>
@@ -49,7 +49,7 @@
 
         <div class="inbox-messages" id="inbox-messages">
             <div v-for="(msg, index) in items" class="card" v-bind:class="{ active: index == cur }" v-on:click="showMessage(index)" v-bind:data-preview-id="index">
-                <div class="card-content">
+                <div class="card-content" style="padding:1.2rem;">
                     <div class="msg-header">
                         <span class="msg-from">
                             <div class="field is-grouped is-grouped-multiline">
@@ -65,7 +65,7 @@
                         </span>
                     </div>
                     <div class="msg-snippet">
-                        <p id="fake-snippet-1">[[ msg.text.slice(0, 100) ]]</p>
+                        <p>[[ msg.text.slice(0, 100) ]]</p>
                     </div>
                 </div>
             </div>