From 9bf8f57475c24b9e6e41d6499a1d596b8e771657 Mon Sep 17 00:00:00 2001
From: Avinash <avinash.kumar.cs92@gmail.com>
Date: Tue, 18 Apr 2023 18:36:16 +0530
Subject: [PATCH] enhancement(frontend): inlined buttons

Signed-off-by: Avinash <avinash.kumar.cs92@gmail.com>
---
 frontend/locales/en.json                      |  2 +-
 .../version-info/version-info-modal.tsx       | 32 +++++++++----------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/frontend/locales/en.json b/frontend/locales/en.json
index a07b1b7b6..eef80afe9 100644
--- a/frontend/locales/en.json
+++ b/frontend/locales/en.json
@@ -157,7 +157,7 @@
       "issueTracker": "Found a bug? Fill an issue!",
       "sourceCode": "Read the source code",
       "versionInfo": "Version info",
-      "title": "Your username"
+      "title": "Running HedgeDoc on version"
     }
   },
   "profile": {
diff --git a/frontend/src/components/landing-layout/footer/version-info/version-info-modal.tsx b/frontend/src/components/landing-layout/footer/version-info/version-info-modal.tsx
index de824c53f..392c3d0d6 100644
--- a/frontend/src/components/landing-layout/footer/version-info/version-info-modal.tsx
+++ b/frontend/src/components/landing-layout/footer/version-info/version-info-modal.tsx
@@ -40,27 +40,27 @@ export const VersionInfoModal: React.FC<CommonModalProps> = ({ onHide, show }) =
     <CommonModal
       {...cypressId('version-modal')}
       show={show}
-      modalSize={'sm'}
       onHide={onHide}
       showCloseButton={true}
       titleI18nKey={'landing.versionInfo.title'}>
       <Modal.Body>
-        <h5>HedgeDoc</h5>
         <CopyableField content={backendVersion} />
-        <ShowIf condition={!!links.sourceCode}>
-          <TranslatedExternalLink
-            i18nKey={'landing.versionInfo.sourceCode'}
-            className={'btn btn-sm btn-primary d-block mb-2'}
-            href={links.sourceCode}
-          />
-        </ShowIf>
-        <ShowIf condition={!!links.issues}>
-          <TranslatedExternalLink
-            i18nKey={'landing.versionInfo.issueTracker'}
-            className={'btn btn-sm btn-primary d-block mb-2'}
-            href={links.issues}
-          />
-        </ShowIf>
+        <div className='d-flex justify-content-between mt-3'>
+          <ShowIf condition={!!links.sourceCode}>
+            <TranslatedExternalLink
+              i18nKey={'landing.versionInfo.sourceCode'}
+              className={'btn btn-primary d-block mb-2'}
+              href={links.sourceCode}
+            />
+          </ShowIf>
+          <ShowIf condition={!!links.issues}>
+            <TranslatedExternalLink
+              i18nKey={'landing.versionInfo.issueTracker'}
+              className={'btn btn-primary d-block mb-2'}
+              href={links.issues}
+            />
+          </ShowIf>
+        </div>
       </Modal.Body>
     </CommonModal>
   )