update main.css (mostly index pages listing/title section).

static/css/main.css

@@ -57,8 +57,8 @@ input[type=text] {
 }
 
 .be-gui-button-no-text {
-    width: 44px;
+    width: 40px;
-    height: 44px;
+    height: 40px;
 }
 
 .be-gui-link-no-text img,
@@ -110,7 +110,7 @@ input[type=text] {
 }
 
 .be-section-entry .be-gui-button-no-text {
-    padding: 24px;
+    padding: 22px;
 }
 
 .be-gui-button p {
@@ -254,7 +254,6 @@ input[type=text] {
 .be-dashboard-header .be-gui-link,
 .be-dashboard-section .be-gui-link {
     background: #905da1;
-    /* margin-right: 12px; */
 }
 
 .be-dashboard-header .be-gui-link:hover,
@@ -297,14 +296,27 @@ input[type=text] {
 .be-section-entries {
     display: flex;
     flex-direction: column;
-    border-top: 1px solid black;
 }
 
-.be-section-entry {
+.be-section-entry,
+.be-section-image-title {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    border-bottom: 1px solid black;
+}
+
+.be-section-image-title {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    max-width: 716px;
+    width: 100%;
+}
+
+.be-section-image-title img {
+    max-height: 50px;
+    height: 100%;
+    margin-right: 6px;
 }
 
 .be-section-entry form {
@@ -318,12 +330,15 @@ input[type=text] {
     max-width: 800px;
     white-space: nowrap;
     overflow-x: clip;
-    text-overflow: ellipsis;
+    text-overflow: ellipsis; 
-    /* font-weight: bold; */
+}
-    
+
+.be-section-image-title p {
+    white-space: initial;
 }
 
-.be-section-entry:hover {
+.be-section-entry:hover,
+.be-index-item:hover {
     background: #fff6d2;
 }
 
@@ -336,18 +351,18 @@ input[type=text] {
     margin: 6px 0px;
 }
 
-.be-dashboard-section-quicklist {
+.be-quicklist {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
 }
 
-.be-dashboard-section-quicklist .be-gui-link {
+.be-quicklist .be-gui-link {
     max-width: 110px;
     margin: 4px;
 }
 
-.be-dashboard-section-quicklist .be-gui-link img {
+.be-quicklist .be-gui-link img {
     margin-right: 0px;
 }
 
@@ -402,10 +417,6 @@ input[type=text] {
     height: 30px;
 }
 
-/* .be-storage-rename .be-gui-button-no-text { */
-/*     width: 58px; */
-/* } */
-
 .fe-site-header {
     display: flex;
     flex-direction: row;