Fix: Reduced indicator size on some item types for consistency

Fix: Styled the active state of lyrics, repeat, shuffle etc buttons
dev: reorganised code

Theme/ElegantFin-theme-nightly.css

@@ -86,18 +86,6 @@ html {
     font-family: Material Icons;
 }
 
-div[data-type="Book"] .play_arrow:before {
-    content: "\f53b";
-}
-
-div[data-type="Photo"] .play_arrow:before {
-    content: "\e5d0";
-}
-
-div[data-type="PhotoAlbum"] .play_arrow:before {
-    content: "\e8eb";
-}
-
 ::selection {
     background: var(--activeColorAlpha);
 }
@@ -665,6 +653,10 @@ html {
     opacity: .5;
 }
 
+.buttonActive {
+    color: var(--btnSubmitBorderColor) !important;
+}
+
 .itemProgressBar:not(.backgroundProgress, .playbackProgress, .transcodingProgress) {
     backdrop-filter: blur(.1em);
     background-color: rgb(123 123 123 / 30%) !important;
@@ -1070,6 +1062,7 @@ div[data-isfolder="true"] .cardText-first+.itemSelectionPanel>.checkboxContainer
     padding: .5em;
     transform: scale(.85);
     border: var(--defaultLighterBorder);
+    font-size: .75em;
 }
 
 .videoIndicator:has(.photo_album),
@@ -1090,6 +1083,18 @@ div[data-isfolder="true"] .cardText-first+.itemSelectionPanel>.checkboxContainer
     background: var(--cardBackgroundGradient);
 }
 
+div[data-type="Book"] .play_arrow:before {
+    content: "\f53b";
+}
+
+div[data-type="Photo"] .play_arrow:before {
+    content: "\e5d0";
+}
+
+div[data-type="PhotoAlbum"] .play_arrow:before {
+    content: "\e8eb";
+}
+
 .card-withuserdata[data-isfolder="true"] .cardImageContainer.defaultCardBackground {
     filter: contrast(0.85);
     background-size: cover !important;
@@ -1230,9 +1235,7 @@ div[data-role=controlgroup] a.ui-btn-active {
 
 [dir=ltr] .listItem:not(.actionSheetMenuItem, .childrenItemsContainer .listItem, .activityLogListWidget .listItem) {
     padding: 0.375em !important;
-    /* background-color: #ffffff12; */
     margin-bottom: .5em;
-    /* box-shadow: var(--shadow); */
 }
 
 [dir="ltr"] .listItem:not(.actionSheetMenuItem)[data-type="Episode"] {