From 21246b9bb021600a835c19fb4e45d1c7492c652e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Timoth=C3=A9e=20Alby?= <timothee.alby@gmail.com>
Date: Mon, 30 May 2022 12:19:41 +0200
Subject: [PATCH] Merge pull request #8191 from
 overleaf/msm-dictionary-modal-fixes

Dictionary modal fixes

GitOrigin-RevId: 9804619a5addfb53633b6801002fdff221af971a
---
 .../dictionary/components/dictionary-modal-content.tsx        | 4 +++-
 services/web/frontend/stylesheets/app/editor/dictionary.less  | 4 ++++
 services/web/frontend/stylesheets/components/beta-badges.less | 1 +
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/js/features/dictionary/components/dictionary-modal-content.tsx b/services/web/frontend/js/features/dictionary/components/dictionary-modal-content.tsx
index 03b4032c7f..f84e30c3f4 100644
--- a/services/web/frontend/js/features/dictionary/components/dictionary-modal-content.tsx
+++ b/services/web/frontend/js/features/dictionary/components/dictionary-modal-content.tsx
@@ -94,7 +94,9 @@ export default function DictionaryModalContent({
               ))}
           </ul>
         ) : (
-          <i>{t('edit_dictionary_empty')}</i>
+          <p className="dictionary-empty-body text-center">
+            <i>{t('edit_dictionary_empty')}</i>
+          </p>
         )}
       </Modal.Body>
 
diff --git a/services/web/frontend/stylesheets/app/editor/dictionary.less b/services/web/frontend/stylesheets/app/editor/dictionary.less
index 021eb96105..559fd02583 100644
--- a/services/web/frontend/stylesheets/app/editor/dictionary.less
+++ b/services/web/frontend/stylesheets/app/editor/dictionary.less
@@ -27,3 +27,7 @@
   flex-grow: 1;
   padding-right: @padding-xs;
 }
+
+.dictionary-empty-body {
+  padding: @padding-md;
+}
diff --git a/services/web/frontend/stylesheets/components/beta-badges.less b/services/web/frontend/stylesheets/components/beta-badges.less
index c223c747fc..3e77a9521e 100644
--- a/services/web/frontend/stylesheets/components/beta-badges.less
+++ b/services/web/frontend/stylesheets/components/beta-badges.less
@@ -5,6 +5,7 @@
   height: @line-height-computed * 0.75;
   line-height: @font-size-small;
   font-size: @line-height-computed * 0.75;
+  font-weight: normal;
   text-align: center;
   color: #fff;