move styling to app.css

kiwix · Apr 23, 2024 · 036ede2 · 036ede2
1 parent 304e176
commit 036ede2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/www/css/app.css b/www/css/app.css
@@ -205,7 +205,18 @@ iframe._invert, iframe._mwInvert {
     width: 50px;
     height: 50px;
 }
-
+.btn-group.btn-block {
+    padding-left: 5%;
+}
+.dropdown-menu.flex-container {
+    overflow-y:auto;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-right: 10px;
+    padding-left: 10px;
+    position: absolute;
+    left: 10px;
+}
 .status {
     position: absolute;
     top: 50%;

diff --git a/www/index.html b/www/index.html
@@ -788,13 +788,13 @@ <h3 data-i18n="configure-expert-settings-title">Expert settings</h3>
                         <button type="button" class="close" data-hide="alert">&times;</button>
                         <span id="alertMessage"></span>
                     </div>
-                </div>
-                <div id="navigationButtons" class="btn-group btn-block" style="padding-left: 5%;">
+                    </div>
+                    <div id="navigationButtons" class="btn-group btn-block">
                     <div class="dropup">
                         <a href="#" class="btn btn-lg dropdown-toggle col-xs-4" role="button" id="dropup" data-toggle="dropdown" aria-haspopup="true" aria-expanded="True" style="font-size: 14px; padding-top: 12px;">
                             <i class="fas fa-list-alt fa-lg"></i>
                         </a>
-                        <ul id="ToCList" class="dropdown-menu flex-container" style="overflow-y:auto; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; position: absolute; left: 10px;"></ul>
+                        <ul id="ToCList" class="dropdown-menu flex-container"></ul>
                     </div>
                     <a href="#" data-i18n-tip="home" class="btn btn-lg" id="btnHomeBottom" title="Home"><i class="fas fa-home"></i></a>
                     <a href="#" class="btn btn-lg" data-i18n-tip="home-btn-back" id="btnBack" title="Back"><i class="fas fa-arrow-left"></i></a>