Jellybeans

radio4000 · Apr 22, 2024 · b913258 · b913258
1 parent 4aec204
commit b913258
Showing 1 changed file with 32 additions and 39 deletions.
diff --git a/public/themes/jellybeans.css b/public/themes/jellybeans.css
@@ -105,9 +105,6 @@ r4-app {
 	}
 	section {
 		margin-bottom: 2rem;
-		section {
-			margin: 1rem 0 0 1.5rem;
-		}
 	}
 	r4-query {
 		display: block;
@@ -176,7 +173,6 @@ r4-app select:not(disabled):hover {
 	background: var(--c-bg3);
 }
 
-
 /* Primary buttons */
 r4-app button[type='submit'] {
 	background-color: var(--c-green5);
@@ -247,11 +243,35 @@ r4-channel-card-body {
 r4-channel-card r4-channel-slug {
 	display: none;
 }
-
 r4-channel-card + menu {
 	margin-bottom: var(--s);
 }
 
+/* <r4-track> */
+r4-track[playing] r4-button-play button {
+	background-color: var(--headlines);
+}
+r4-track-title,
+r4-track-description {
+	font-size: 14px;
+}
+r4-track-title a {
+	color: var(--c-fg);
+	text-decoration: none;
+	/* overflow: hidden; */
+	/* text-overflow: ellipsis; */
+	/* white-space: nowrap; */
+}
+[color-scheme='dark'] r4-track-title a {
+	color: var(--c-gray2);
+}
+r4-track-description {
+	color: var(--c-gray5);
+}
+[color-scheme='dark'] r4-track-description {
+	color: var(--c-gray4);
+}
+
 /* Track lists */
 r4-list-item r4-track {
 	gap: calc(var(--s) / 2);
@@ -277,31 +297,6 @@ r4-list-item r4-track:hover {
 [color-scheme="dark"] r4-list-item r4-track:hover {
 	background-color: color-mix(in oklch, var(--c-bg) 100%, white 8%);
 }
-
-r4-track[playing] r4-button-play button {
-	background-color: var(--headlines);
-}
-
-r4-track-title,
-r4-track-description {
-	font-size: 14px;
-}
-r4-track-title a {
-	color: var(--c-fg);
-	text-decoration: none;
-	/* overflow: hidden; */
-	/* text-overflow: ellipsis; */
-	/* white-space: nowrap; */
-}
-[color-scheme='dark'] r4-track-title a {
-	color: var(--c-gray2);
-}
-r4-track-description {
-	color: var(--c-gray5);
-}
-[color-scheme='dark'] r4-track-description {
-	color: var(--c-gray4);
-}
 r4-list-item r4-actions {
 	margin-left: auto;
 }
@@ -336,15 +331,6 @@ r4-page-explore r4-page-main r4-list:has(r4-channel-card) {
 	align-items: stretch;
 }
 
-@media (max-width: 700px) {
-	r4-page-channel {
-		r4-channel-card {
-			text-align: center;
-		}
-	}
-}
-
-
 r4-channel-name {
 	font-size: 1.25rem;
 }
@@ -416,6 +402,13 @@ r4-page-channel r4-page-header r4-channel-name {
 r4-page-channel r4-page-header a:has(r4-channel-name) {
 	text-decoration: none;
 }
+@media (max-width: 700px) {
+	r4-page-channel {
+		r4-channel-card {
+			text-align: center;
+		}
+	}
+}
 
 /* Add track page */
 r4-page-add r4-page-header {