Fix alignment of the Software Update page

ruuvi · Dec 15, 2023 · e817b7a · e817b7a
1 parent 7aebee8
commit e817b7a
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 22 deletions.
diff --git a/src/index.html b/src/index.html
@@ -683,7 +683,7 @@ <h2>
 
                 <div id="page-software_update-fw_update_server-div">
 
-                    <div>
+                    <div class="info-icon-container">
                         <div class="info-icon-left-column">
                             <span lang="en">Server for automatic firmware updates</span>
                             <span lang="fi">Automaattisille ohjelmistopäivityksille käytettävä palvelin</span>
@@ -692,11 +692,9 @@ <h2>
                     </div>
 
                     <div>
-                        <h3>
-                            <label for="page-software_update-fw_update_server_url" class="info-icon-container">
+                        <div>
+                            <label for="page-software_update-fw_update_server_url">
                             </label>
-                        </h3>
-                        <div class="input-container">
                             <div class="input-with_validity_check">
                                 <input type="text" id="page-software_update-fw_update_server_url">
                                 <div class="input-with_validity_check-icon">
@@ -727,7 +725,6 @@ <h3>
                             </button>
                         </div>
                     </div>
-
                     <div class="border"></div>
                 </div>
 
@@ -747,18 +744,18 @@ <h3>
                             <a class="info-icon-button" href="#popup-info-icon-software_update"><span>i</span></a>
                         </label>
                     </div>
-                    <div id="page-software_update-fw_update_binary_files-div" class="input-container indent">
-                        <h3>
+                    <div id="page-software_update-fw_update_binary_files-div" class="indent">
+                        <div>
                             <label for="page-software_update-fw_update_binary_files_url">
                             </label>
-                        </h3>
-                        <div class="input-with_validity_check">
-                            <input type="text" id="page-software_update-fw_update_binary_files_url">
-                            <div class="input-with_validity_check-icon">
-                            </div>
-                            <div class="input-placeholder">
-                                <span lang="en">URL address</span>
-                                <span lang="fi">URL-osoite</span>
+                            <div class="input-with_validity_check">
+                                <input type="text" id="page-software_update-fw_update_binary_files_url">
+                                <div class="input-with_validity_check-icon">
+                                </div>
+                                <div class="input-placeholder">
+                                    <span lang="en">URL address</span>
+                                    <span lang="fi">URL-osoite</span>
+                                </div>
                             </div>
                         </div>
                     </div>

diff --git a/src/scss/_main.scss b/src/scss/_main.scss
@@ -663,12 +663,6 @@ input.input-row {
 	top: calc(var(--input-border) + var(--input-padding-top-and-bottom));
 }
 
-.input-container {
-	display: flex;
-	align-items: center;
-	width: 100%;
-}
-
 .input-valid {
 	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgRnJlZSA2LjIuMCBieSBAZm9udGF3ZXNvbWUgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbSBMaWNlbnNlIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20vbGljZW5zZS9mcmVlIChJY29uczogQ0MgQlkgNC4wLCBGb250czogU0lMIE9GTCAxLjEsIENvZGU6IE1JVCBMaWNlbnNlKSBDb3B5cmlnaHQgMjAyMiBGb250aWNvbnMsIEluYy4gLS0+PHBhdGggZmlsbD0iIzAwZDBiYSIgZD0iTTI0My44IDMzOS44QzIzMi45IDM1MC43IDIxNS4xIDM1MC43IDIwNC4yIDMzOS44TDE0MC4yIDI3NS44QzEyOS4zIDI2NC45IDEyOS4zIDI0Ny4xIDE0MC4yIDIzNi4yQzE1MS4xIDIyNS4zIDE2OC45IDIyNS4zIDE3OS44IDIzNi4yTDIyNCAyODAuNEwzMzIuMiAxNzIuMkMzNDMuMSAxNjEuMyAzNjAuOSAxNjEuMyAzNzEuOCAxNzIuMkMzODIuNyAxODMuMSAzODIuNyAyMDAuOSAzNzEuOCAyMTEuOEwyNDMuOCAzMzkuOHpNNTEyIDI1NkM1MTIgMzk3LjQgMzk3LjQgNTEyIDI1NiA1MTJDMTE0LjYgNTEyIDAgMzk3LjQgMCAyNTZDMCAxMTQuNiAxMTQuNiAwIDI1NiAwQzM5Ny40IDAgNTEyIDExNC42IDUxMiAyNTZ6TTI1NiA0OEMxNDEuMSA0OCA0OCAxNDEuMSA0OCAyNTZDNDggMzcwLjkgMTQxLjEgNDY0IDI1NiA0NjRDMzcwLjkgNDY0IDQ2NCAzNzAuOSA0NjQgMjU2QzQ2NCAxNDEuMSAzNzAuOSA0OCAyNTYgNDh6Ii8+PC9zdmc+");
 }