From 6cfb9278c10f0fae4709930161f70f902cc1c17a Mon Sep 17 00:00:00 2001
From: altaf-creator <64111012+altaf-creator@users.noreply.github.com>
Date: Tue, 9 May 2023 21:52:30 +0700
Subject: New sidebar, sura.html improvements

---
 src/index.html | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'src/index.html')

diff --git a/src/index.html b/src/index.html
index 813573f..89acd8c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -51,13 +51,18 @@
         <a href="attribution.html" class="link">Attribution</a>
     </div>
     <div id="main-container">
-        <div class="main height-no-scroll" style="margin-left: 0; border-radius: 0;">
+        <div class="main-sidebar">
+            <a href="./" class="sidebar-buttons" id="openquran-home"><i class="fa-solid fa-house"></i></a>
+            <a href="sura.html" class="sidebar-buttons"><i class="fa-solid fa-quran"></i></a>
+            <a href="attribution.html" class="sidebar-buttons"><i class="fa-solid fa-scroll"></i></a>
+        </div>
+        <div class="main height-no-scroll" style="margin-left: 60px;">
             <div class="scroll main-content-padding">
-                <div style="max-width: 1200px; margin-left: auto; margin-right: auto;">
+                <div style="max-width: 1050px; margin-left: auto; margin-right: auto;">
                     <h1 id="header" class="title" style="text-align: center;">Sura List</h1>
                     <hr style="margin-top: 20px; height: 2px; background-color: black; border: none;">
                     <div id="main">
-                        <ul style="list-style-type: none; padding: 0; margin: 0; column-count: auto; column-width: 400px; column-gap: 0;" id="sura-ul">
+                        <ul style="list-style-type: none; padding: 0; margin: 0; column-count: auto; column-width: 350px; column-gap: 0;" id="sura-ul">
                         </ul>
                     </div>
                 </div>
-- 
cgit v1.2.3