From d14947975266d26cbcb98e107f77df47bcd203bd Mon Sep 17 00:00:00 2001
From: DanyLE <xsang.le@gmail.com>
Date: Fri, 16 Dec 2022 14:03:01 +0100
Subject: [PATCH] improve file icon view

---
 src/themes/antos_dark/afx-file-view.css  | 13 +++----------
 src/themes/antos_light/afx-file-view.css | 13 ++-----------
 src/themes/antos_light/afx-sys-panel.css |  1 +
 src/themes/system/afx-file-view.css      | 17 +++++++++++++++--
 4 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/src/themes/antos_dark/afx-file-view.css b/src/themes/antos_dark/afx-file-view.css
index c2e87a6..0d014ed 100644
--- a/src/themes/antos_dark/afx-file-view.css
+++ b/src/themes/antos_dark/afx-file-view.css
@@ -4,12 +4,7 @@ afx-file-view afx-label.status{
 
 }
 afx-file-view afx-list-view > div.list-container > ul  li{
-    width:70px;
-    /*height: 60px;*/
     background-color: transparent;
-    text-align: center;
-    margin-right: 5px;
-    margin-bottom: 5px;
 }
 afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
     background-color: transparent;
@@ -17,7 +12,7 @@ afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(e
 afx-file-view afx-list-view i.dir:before{
     content: "\f07b"; 
     font-family: "FontAwesome";
-    font-size: 32px;
+    font-size: 35px;
     color: #76D2F9;
     font-weight: normal;
     font-style: normal;
@@ -31,7 +26,7 @@ afx-file-view afx-list-view i{
 afx-file-view afx-list-view i.file:before{
     content: "\f016"; 
     font-family: "FontAwesome";
-    font-size: 28px;
+    font-size: 30px;
     color: white;
     font-style: normal;
     font-weight: normal;
@@ -39,13 +34,11 @@ afx-file-view afx-list-view i.file:before{
 
 afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
 {
-    background-color: transparent;
-}
-afx-file-view afx-list-view div.list-container > ul  li.selected  i.label-text {
     background-color: #116cd6;
     color:white;
     border-radius: 6px;
 }
+
 afx-file-view afx-grid-view{
     padding:0;
 }
diff --git a/src/themes/antos_light/afx-file-view.css b/src/themes/antos_light/afx-file-view.css
index 21731a6..05a83a7 100644
--- a/src/themes/antos_light/afx-file-view.css
+++ b/src/themes/antos_light/afx-file-view.css
@@ -3,12 +3,7 @@ afx-file-view afx-label.status{
     border-top: 1px solid #cbcbcb;
 }
 afx-file-view afx-list-view > div.list-container > ul  li{
-    width:70px;
-    /*height: 60px;*/
     background-color: transparent;
-    text-align: center;
-    margin-right: 5px;
-    margin-bottom: 5px;
 }
 afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(even) li {
     background-color: transparent;
@@ -16,7 +11,7 @@ afx-file-view afx-list-view > div.list-container > ul .afx-list-item:nth-child(e
 afx-file-view afx-list-view i.dir:before{
     content: "\f07b"; 
     font-family: "FontAwesome";
-    font-size: 32px;
+    font-size: 35px;
     color: #76D2F9;
     font-weight: normal;
     font-style: normal;
@@ -30,16 +25,12 @@ afx-file-view afx-list-view i{
 afx-file-view afx-list-view i.file:before{
     content: "\f016"; 
     font-family: "FontAwesome";
-    font-size: 28px;
-    color: #414339;
+    font-size: 30px;
     font-style: normal;
     font-weight: normal;
 }
 afx-file-view afx-list-view > div.list-container > ul > .afx-list-item > li.selected
 {
-    background-color: transparent;
-}
-afx-file-view afx-list-view div.list-container > ul  li.selected  i.label-text {
     background-color: #116cd6;
     color:white;
     border-radius: 6px;
diff --git a/src/themes/antos_light/afx-sys-panel.css b/src/themes/antos_light/afx-sys-panel.css
index 7a946bb..1b913db 100644
--- a/src/themes/antos_light/afx-sys-panel.css
+++ b/src/themes/antos_light/afx-sys-panel.css
@@ -8,6 +8,7 @@ afx-sys-panel .afx-panel-os-menu button
     background-color: #e7414d;
     border-radius: 0;
     border: 0;
+    color: white;
 }
 
 afx-sys-panel .afx-panel-os-menu button .label-text
diff --git a/src/themes/system/afx-file-view.css b/src/themes/system/afx-file-view.css
index 9e7f57c..21d51ec 100644
--- a/src/themes/system/afx-file-view.css
+++ b/src/themes/system/afx-file-view.css
@@ -11,12 +11,22 @@ afx-file-view afx-list-view > div.list-container > ul
 {
     display: flex;
     flex-flow: row wrap;
+    /*justify-content: center;*/
+}
+afx-file-view afx-list-view > div.list-container > ul  li afx-label{
+    height: 100%;
 }
 afx-file-view afx-list-view > div.list-container > ul  li{
-    float:left;
-    /*display: block;*/
+    width:80px;
+    max-height: 80px;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    padding: 5px;
 }
 
+
 afx-file-view afx-list-view i{
     display: block;
 }
@@ -28,6 +38,9 @@ afx-file-view afx-list-view i.label-text{
 afx-file-view afx-list-view afx-label span
 {
     flex-direction: column;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    justify-content: flex-start;
 }
 
 afx-file-view afx-grid-view i{