Moar miscellanous fixes / improvements

app/src/scss/main.scss

@@ -25,6 +25,8 @@ body {
   overflow-x: hidden;
   min-height: 100vh;
   margin: 0;
+  color: #333;
+  font-size: 14px;
 }
 
 #app {
@@ -98,6 +100,12 @@ body {
   }
 }
 
+.card-header {
+  h1, h2, h3, h4, h5, h6 {
+    font-weight: 400;
+  }
+}
+
 // collapse icon
 .not-collapsed > .icon {
   transform: rotate(-90deg);
@@ -108,6 +116,10 @@ body {
   top: 2px;
 }
 
+.list-group-item .icon {
+    margin-left: 0.3em;
+}
+
 // Fork-awesome overrides
 .fa-fw {
   width: 1.25em !important;
@@ -129,3 +141,8 @@ code {
   padding: 1rem;
   background-color: $light;
 }
+
+.btn {
+  font-size: 1em;
+  line-height: 1.7;
+}

app/src/views/app/AppInfo.vue

@@ -1,7 +1,7 @@
 <template>
   <view-base :queries="queries" @queries-response="onQueriesResponse" ref="view">
     <!-- BASIC INFOS -->
-    <card v-if="infos" :title="`${$t('infos')} — ${infos.label}`" icon="info-circle">
+    <card v-if="infos" :title="`${infos.label}`" icon="cube">
       <b-row
         v-for="(value, prop) in infos" :key="prop"
         no-gutters class="row-line"

app/src/views/group/GroupList.vue

@@ -36,7 +36,9 @@
 
         <b-col>
           <template v-if="group.isSpecial">
-            <p class="text-primary"><icon iname="info-circle" /> {{ $t('group_explain_' + name) }}</p>
+            <p class="text-primary">
+              <icon iname="info-circle" /> {{ $t('group_explain_' + name) }}
+            </p>
             <p class="text-primary" v-if="name === 'visitors'">
               <em>{{ $t('group_explain_visitors_needed_for_external_client') }}</em>
             </p>

app/src/views/tool/ToolLog.vue

@@ -18,7 +18,7 @@
 
           <div v-else-if="prop === 'suboperations'">
             <div v-for="operation in value" :key="operation.name">
-              <icon v-if="!operation.success" iname="times" class="text-danger" />
+              <icon v-if="operation.success !== true" iname="times" class="text-danger" />
               <b-link :to="{ name: 'tool-log', params: { name: operation.name } }">
                 {{ operation.description }}
               </b-link>
@@ -121,6 +121,8 @@ export default {
       const info = { path: log.log_path, started_at, ended_at }
       if (!success) info.error = error
       if (suboperations && suboperations.length) info.suboperations = suboperations
+      // eslint-disable-next-line
+      if (!ended_at) delete info.ended_at
       this.info = info
     },
 

app/src/views/user/UserList.vue

@@ -27,7 +27,7 @@
         <div>
           <h5 class="font-weight-bold">
             {{ user.username }}
-            <small class="text-secondary">({{ user.fullname }})</small>
+            <small class="text-secondary">{{ user.fullname }}</small>
           </h5>
           <p class="m-0">
             {{ user.mail }}