highlight error message & bigger h for history title

app/src/components/QueryHeader.vue

@@ -98,6 +98,7 @@ div {
   height: 1.25rem;
   display: flex;
   align-items: center;
+  justify-content: center;
   min-width: 70px;
 }
 

app/src/i18n/locales/en.json

@@ -414,8 +414,7 @@
     "warnings": "{count} warnings",
     "words": {
         "collapse": "Collapse",
-        "default": "Default",
-        "dismiss": "Dismiss"
+        "default": "Default"
     },
     "wrong_password": "Wrong password",
     "yes": "Yes",

app/src/views/_partials/ErrorDisplay.vue

@@ -20,7 +20,8 @@
       </p>
 
       <p>
-        <strong v-t="'api_error.error_message'" /> <span v-html="error.message" />
+        <strong v-t="'api_error.error_message'" />
+        <b-alert class="mt-2" variant="danger" v-html="error.message" />
       </p>
 
       <template v-if="error.traceback">
@@ -42,7 +43,7 @@
       <!-- TODO add copy error ? -->
       <b-button
         variant="light" size="sm"
-        v-t="'words.dismiss'" @click="dismiss"
+        v-t="'ok'" @click="dismiss"
       />
     </b-card-footer>
   </div>

app/src/views/_partials/HistoryConsole.vue

@@ -10,9 +10,9 @@
       @mousedown.left.prevent="onHistoryBarClick"
       @keyup.space.enter.prevent="onHistoryBarKey"
     >
-      <h6 class="m-0">
-        <icon iname="history" /> <span class="d-none d-sm-inline">{{ $t('history.title') }}</span>
-      </h6>
+      <h5 class="m-0">
+        <icon iname="history" /> <span class="d-none d-sm-inline font-weight-bold">{{ $t('history.title') }}</span>
+      </h5>
 
       <!-- CURRENT/LAST ACTION -->
       <b-button