From 27b886fb6b09a34b3fb7145e5f86d3b2630d21bf Mon Sep 17 00:00:00 2001
From: SleeplessOne1917 <abias1122@gmail.com>
Date: Sat, 8 Jul 2023 00:13:54 -0400
Subject: [PATCH] Make modal look better

---
 src/shared/components/community/sidebar.tsx | 50 ++++++++++-----------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/src/shared/components/community/sidebar.tsx b/src/shared/components/community/sidebar.tsx
index be9311ab..55acf674 100644
--- a/src/shared/components/community/sidebar.tsx
+++ b/src/shared/components/community/sidebar.tsx
@@ -304,12 +304,12 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
         aria-hidden={true}
         aria-labelledby="#remoteFetchModalTitle"
       >
-        <div className="modal-dialog">
+        <div className="modal-dialog modal-fullscreen-sm-down">
           <div className="modal-content">
             <header className="modal-header">
-              <h1 className="modal-title" id="remoteFetchModalTitle">
+              <h3 className="modal-title" id="remoteFetchModalTitle">
                 Subscribe from Remote Instance
-              </h1>
+              </h3>
               <button
                 type="button"
                 className="btn-close"
@@ -317,29 +317,29 @@ export class Sidebar extends Component<SidebarProps, SidebarState> {
                 aria-label="Close"
               />
             </header>
+            <form className="modal-body d-flex flex-column justify-content-center">
+              <label className="form-label" htmlFor="remoteFetchInstance">
+                Enter the instance you would like to follow this community from
+              </label>
+              <input
+                type="text"
+                id="remoteFetchInstance"
+                className="form-control"
+              />
+            </form>
+            <footer className="modal-footer">
+              <button
+                type="button"
+                className="btn btn-secondary"
+                data-bs-dismiss="modal"
+              >
+                Close
+              </button>
+              <button type="button" className="btn btn-primary">
+                Save changes
+              </button>
+            </footer>
           </div>
-          <form className="modal-body">
-            <label className="form-label" htmlFor="remoteFetchInstance">
-              Enter the instance you would like to follow this community from
-            </label>
-            <input
-              type="text"
-              id="remoteFetchInstance"
-              className="form-control"
-            />
-          </form>
-          <footer className="modal-footer">
-            <button
-              type="button"
-              className="btn btn-secondary"
-              data-bs-dismiss="modal"
-            >
-              Close
-            </button>
-            <button type="button" className="btn btn-primary">
-              Save changes
-            </button>
-          </footer>
         </div>
       </div>
     );