From 128f059724e6932f27b61c38e8864232892b17cb Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Thu, 8 Apr 2021 13:24:12 +0200
Subject: [PATCH] highlight error message & bigger h for history title

---
 app/src/components/QueryHeader.vue         | 1 +
 app/src/i18n/locales/en.json               | 3 +--
 app/src/views/_partials/ErrorDisplay.vue   | 5 +++--
 app/src/views/_partials/HistoryConsole.vue | 6 +++---
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/app/src/components/QueryHeader.vue b/app/src/components/QueryHeader.vue
index 6d265e49..0109979f 100644
--- a/app/src/components/QueryHeader.vue
+++ b/app/src/components/QueryHeader.vue
@@ -98,6 +98,7 @@ div {
   height: 1.25rem;
   display: flex;
   align-items: center;
+  justify-content: center;
   min-width: 70px;
 }
 
diff --git a/app/src/i18n/locales/en.json b/app/src/i18n/locales/en.json
index a3548f5e..4025d01f 100644
--- a/app/src/i18n/locales/en.json
+++ b/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",
diff --git a/app/src/views/_partials/ErrorDisplay.vue b/app/src/views/_partials/ErrorDisplay.vue
index 344cdc0f..7ed16a4e 100644
--- a/app/src/views/_partials/ErrorDisplay.vue
+++ b/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>
diff --git a/app/src/views/_partials/HistoryConsole.vue b/app/src/views/_partials/HistoryConsole.vue
index d7d58bb4..6d0a18ac 100644
--- a/app/src/views/_partials/HistoryConsole.vue
+++ b/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