minor code correction

WikiProject-Kerala · Jun 10, 2023 · 8ab99d8 · 8ab99d8
1 parent fdec1f0
commit 8ab99d8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -21,8 +21,7 @@ <h1 class="title is-4 hide-on-print">കേരളത്തിലെ പഞ്ച
 </div>
 </section>
 <div id="mySidenav" class="sidenav hide-on-print">
-  <a href="#" onclick="window.print(); return false;">
-    <i class="fa fa-print"></i> Print
+  <a href="#" onclick="window.print(); return false;">Print <i class="fa fa-print"></i>
   </a>
 </div>
 </br>
@@ -145,7 +144,6 @@ <h3 class="title is-5" id="selected-location"></h3>
       const populationData = document.getElementById('population-data');
       const loadingAnimation = document.getElementById('loading-animation');
 
-
       function fetchPanchayatList() {
         const selectedLocation = locationSelect.value;
         const selectedLocationText = locationSelect.options[locationSelect.selectedIndex].text;
@@ -195,8 +193,7 @@ <h3 class="title is-5" id="selected-location"></h3>
           panchayatSelect.disabled = true;
           panchayatTable.style.display = 'none';
           populationTable.style.display = 'none';
-        }
-      }
+} }
 
 const selectedPanchayat = document.getElementById('selected-panchayat');
 const wardsCountElement = document.getElementById('wards-count');

diff --git a/style.css b/style.css
@@ -146,20 +146,20 @@
     }
 
  #mySidenav {
-  position: absolute;
-  right: -55px;
+  position: relative;
+  left: -55px;
   transition: 0.3s;
   padding: 10px;
-  width: 140px;
+  width: 280px;
   text-decoration: none;
   font-size: 22px;
   color: white;
-  text-align: right;
+  text-align: left;
   border-radius: 10px 0 0 10px;
  }
 
  #mySidenav:hover {
-right: 0;
+left: 0;
 }
 
 #print {
@@ -201,7 +201,7 @@ right: 0;
 
 @media (min-width: 768px) {
    .container {
-    max-width: 710px;
+    max-width: 720px;
    }
 }
   </style>