feat: GUI updates

olzzon · Nov 3, 2021 · ae66ec3 · ae66ec3
1 parent ac06cf7
commit ae66ec3
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 11 deletions.
diff --git a/src/client/components/settings.tsx b/src/client/components/settings.tsx
@@ -151,22 +151,25 @@ const SettingsPage: React.FC<ISettingsProps> = (props) => {
                 {renderSourceList()}
                 {renderTargetList()}
             </div>
+            <div className="foot-container">
+
             <button
                 className="settings-cancel"
                 onClick={() => {
                     handleCancelSettings()
                 }}
-            >
+                >
                 CANCEL
             </button>
             <button
                 className="settings-update"
                 onClick={() => {
                     handleSaveSettings()
                 }}
-            >
+                >
                 UPDATE
             </button>
+                </div>
             {selectedSourceIndex === -1 ? (
                 <React.Fragment />
             ) : (

diff --git a/src/client/styles/MainPage.css b/src/client/styles/MainPage.css
@@ -39,7 +39,7 @@ body {
     border-style: solid;
     width: 100%;
     height: 60px;
-    justify-content: left;
+    justify-content: center;
     align-items: center;
     display: flex;
 }

diff --git a/src/client/styles/Matrix.css b/src/client/styles/Matrix.css
@@ -4,7 +4,7 @@
     flex-wrap: nowrap;
     justify-content: left;
     color: rgb(190, 190, 190);
-    min-height: 75vh;
+    min-height: 77vh;
 }
 
 

diff --git a/src/client/styles/Settings.css b/src/client/styles/Settings.css
@@ -4,6 +4,8 @@
     flex-wrap: nowrap;
     justify-content: left;
     color: rgb(190, 190, 190);
+    min-height: 77vh;
+
 }
 
 .settings-list {
@@ -27,21 +29,17 @@
 
 .settings-delete {
     color: aliceblue;
-    background-color: rgb(168, 13, 13);
+    background-color: rgb(59, 0, 0);
 }
 
 .settings-cancel {
-    position: absolute;
-    bottom: 10px;
     color: aliceblue;
     background-color: rgb(83, 83, 83);
     font-size: 1.4rem;
 }
 .settings-update {
-    position: absolute;
-    bottom: 10px;
-    margin-left: 250px;
+    margin-left: 5px;
     color: aliceblue;
-    background-color: rgb(168, 13, 13);
+    background-color: rgb(59, 0, 0);
     font-size: 1.4rem;
 }