From 297c726220e1c7fb65ad0b730f4236dba6ac609a Mon Sep 17 00:00:00 2001
From: Jerakin <the_rensvind@hotmail.com>
Date: Mon, 19 Feb 2024 21:10:10 +0100
Subject: [PATCH 1/2] fix: improve rendering of list page

---
 static/css/wiki.css       | 28 ----------------------------
 static/css/wiki.dark.css  | 27 ++++++++++++---------------
 templates/list_files.html | 12 ++++++------
 3 files changed, 18 insertions(+), 49 deletions(-)

diff --git a/static/css/wiki.css b/static/css/wiki.css
index 3a5c929..ea70b86 100644
--- a/static/css/wiki.css
+++ b/static/css/wiki.css
@@ -115,14 +115,6 @@ h4{
     font-family: "quicksand";
 }
 
-body {
-    font-family: "Gothic A1";
-}
-
-.folder{
-    font-family: 'Gothic A1', sans-serif;
-    font-weight: 700;
-}
 
 .alert i[class^="bi-"]{
     font-size: 1.5em;
@@ -130,31 +122,11 @@ body {
     margin-right: 10px;
   }
 
-#list a{
-    border-bottom: none;
-}
-
-#list a.folder{
-    border-bottom: 1px solid black;
-    font-weight: 800;
-}
-
 div.html-integration{
   background-color: var(--html-integration-background-light);
   padding: 20px;
 }
 
-.container a:any-link{
-    font-weight: 500;
-    color:black;
-    text-decoration: none;
-    border-bottom: 1px solid black;
-    padding-bottom: 2px;
-}
-
-.container a.nostyle{
-    border-bottom: none;
-}
 
 .mermaid {
     text-align: center;
diff --git a/static/css/wiki.dark.css b/static/css/wiki.dark.css
index 695ad3b..c0fdfa9 100644
--- a/static/css/wiki.dark.css
+++ b/static/css/wiki.dark.css
@@ -39,24 +39,21 @@ div.html-integration{
     background-color: var(--bg-codeblock-dark);
 }
 
-#list a.folder{
-    border-bottom: 1px solid var(--txt-dark);
-    font-weight: 800;
-}
-
-
-.container a:any-link{
-    color:var(--txt-dark);
-    border-bottom: 1px solid var(--txt-dark);
-}
-
-.container a.nostyle {
-    border-bottom: none;
-}
-
 .form-control,
 .form-control:focus {
     background-color: var(--bg-codeblock-dark);
     border-color: var(--bg-modal-dark);
     color: var(--txt-dark);
 }
+
+.list-group-item,
+.list-group-item {
+    background-color: var(--bg-dark);
+    color: var(--txt-dark);
+}
+
+.link-dark:visited,
+.link-dark:hover,
+.link-dark {
+    color: var(--txt-dark);
+}
\ No newline at end of file
diff --git a/templates/list_files.html b/templates/list_files.html
index 70bec74..980c058 100644
--- a/templates/list_files.html
+++ b/templates/list_files.html
@@ -34,16 +34,16 @@
 {% endblock %}
 
 {% block content %}
-    <a style="float:right" href="/toggle-sorting">Sort ({% if system.listsortMTime %}last modified{% else %}a-z{% endif%})</a>
+    <a class="link-dark text-decoration-none float-end" href="/toggle-sorting">Sort ({% if system.listsortMTime %}last modified{% else %}a-z{% endif%})</a>
     <h2><b>{{ folder }}</b> ALL FILES</h2>
-    <ul id="list">
-        <li><i><a href="../">..</a></i></li>
+    <ul class="list-group list-group-flush h5">
+        <li class="list-group-item"><i class="bi bi-folder pe-3"></i><i><a class="link-dark text-decoration-none" href="../">..</a></i></li>
         {% for i in list %}
-            <li>
+            <li class="list-group-item">
                 {% if i.folder != "" and i.folder != folder %}
-                    <b><a class="folder" href="/list/{{ i.folder }}/">{{ i.folder }}/ </a></b>
+                    <i class="bi bi-folder pe-3"></i><a class="link-dark fst-italic" href="/list/{{ i.folder }}/">{{ i.folder }}/ </a>
                 {% else %}
-                    <a href="/{{ i.url }}">{{ i.doc }}</a>
+                    <i class="bi bi-file-earmark-text pe-3"></i><a class="link-dark text-decoration-none" href="/{{ i.url }}">{{ i.doc }}</a>
                 {% endif %}
             </li>
         {% endfor %}

From 3594a34662347b7b38bca397306683cfaea51f05 Mon Sep 17 00:00:00 2001
From: Jerakin <the_rensvind@hotmail.com>
Date: Mon, 19 Feb 2024 23:38:43 +0100
Subject: [PATCH 2/2] fix: removed in file style

---
 templates/list_files.html | 33 ---------------------------------
 1 file changed, 33 deletions(-)

diff --git a/templates/list_files.html b/templates/list_files.html
index 980c058..4c541b5 100644
--- a/templates/list_files.html
+++ b/templates/list_files.html
@@ -1,37 +1,4 @@
 {% extends 'base.html' %}
-{% block head %}
-    <style>
-        ul#list {
-            list-style: none;
-            padding: 0px
-        }
-
-        ul#list li {
-            margin: 5px;
-            padding-left: 15px;
-            border-left-style: solid;
-        }
-
-        ul#list li:hover {
-
-        {% if system.darktheme%}
-            background: #3f4448;
-        {%else%}
-            background: #ECECEC;
-        {%endif%}
-        }
-
-        ul#list li a {
-            font-size: 1.2em;
-
-        {% if system.darktheme%}
-            color: whitesmoke;
-        {%else%}
-            color: #222326;
-        {%endif%}
-        }
-    </style>
-{% endblock %}
 
 {% block content %}
     <a class="link-dark text-decoration-none float-end" href="/toggle-sorting">Sort ({% if system.listsortMTime %}last modified{% else %}a-z{% endif%})</a>