From db63c43ab32fe1a92a2fdbaac443fc40c9fdb018 Mon Sep 17 00:00:00 2001
From: Kara Engelhardt <kara.engelhardt@okfn.de>
Date: Wed, 13 Sep 2023 11:06:46 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Fix=20small=20styling=20bugs=20o?=
 =?UTF-8?q?n=20redaction=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- The page number element in the pagination button group had rounded corners
- The fa-icons on the confirm redaction button & no redaction were too close to the text and needed a bit of margin
- The sub-btn-group in the manage attachments page was not shown as part of the btn-group (i.e. had rounded corners)
---
 frontend/javascript/components/docupload/file-review.vue | 2 +-
 .../javascript/components/redaction/pdf-redaction.vue    | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/frontend/javascript/components/docupload/file-review.vue b/frontend/javascript/components/docupload/file-review.vue
index e8b7ca240..c74695a00 100644
--- a/frontend/javascript/components/docupload/file-review.vue
+++ b/frontend/javascript/components/docupload/file-review.vue
@@ -20,7 +20,7 @@
       {{ i18n.review }}
     </a>
     <template v-if="hasSubMenu">
-      <div class="btn-group-sm" role="group">
+      <div class="btn-group btn-group-sm" role="group">
         <button
           type="button"
           class="btn btn-outline-secondary dropdown-toggle"
diff --git a/frontend/javascript/components/redaction/pdf-redaction.vue b/frontend/javascript/components/redaction/pdf-redaction.vue
index d10c25351..fba095c4c 100644
--- a/frontend/javascript/components/redaction/pdf-redaction.vue
+++ b/frontend/javascript/components/redaction/pdf-redaction.vue
@@ -93,7 +93,7 @@
           </button>
         </div>
 
-        <div class="btn-group me-1">
+        <div class="input-group me-1">
           <button
             class="pdf-prev btn btn-outline-secondary"
             :disabled="!hasPrevious"
@@ -117,7 +117,7 @@
           v-if="hasRedactions || hasPassword"
           class="btn-group me-lg-1 ms-auto mt-1 mt-lg-0">
           <button class="btn btn-dark" @click="redact">
-            <i class="fa fa-paint-brush" />
+            <i class="fa fa-paint-brush me-2" />
             <template v-if="hasRedactions">
               {{ i18n.redactAndPublish }}
             </template>
@@ -144,8 +144,7 @@
               }"
               type="submit"
               @click="confirmNoRedactions">
-              <i class="fa fa-check" />
-              {{ i18n.publishWithoutRedaction }}
+              <i class="fa fa-check me-2" />{{ i18n.publishWithoutRedaction }}
             </button>
           </form>
           <a v-else class="btn btn-secondary" :href="attachmentUrl">
@@ -189,7 +188,7 @@
     </div>
     <div class="row">
       <div v-if="ready" class="btn-toolbar col-lg-12">
-        <div class="btn-group me-auto ms-auto">
+        <div class="input-group me-auto ms-auto">
           <button
             class="pdf-prev btn btn-outline-secondary"
             :disabled="!hasPrevious"