Style add track form a tiny bit

radio4000 · Apr 20, 2024 · 5ae109b · 5ae109b
1 parent ae668fc
commit 5ae109b
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/public/themes/jellybeans.css b/public/themes/jellybeans.css
@@ -192,13 +192,30 @@ r4-app button[destructive]:hover {
 r4-app form {
 	max-width: 60ch;
 }
+r4-app form label {
+	font-size: 14px;
+}
 r4-app fieldset[hidden] {
 	display: none;
 }
 r4-app fieldset label {
 	font-weight: 600;
 }
 
+/* Vertical form layout */
+r4-track-create {
+	label {
+		display: block;
+	}
+	input[type='text'],
+	input[type='url'],
+	textarea {
+		width: 100%;
+	}
+	textarea {
+		min-height: 3em;
+	}
+}
 /* Cards */
 r4-channel-card {
 	background: var(--c-bg2);
@@ -279,9 +296,8 @@ r4-channel-name {
 
 /* Ordinary menus */
 r4-app-menu a,
-r4-page-channel r4-page-header > menu a,
-r4-page-channel-track r4-page-header > menu a {
-	padding: var(--s) calc(var(--s) / 2);
+r4-page-header > menu a {
+	padding: calc(var(--s) / 3) calc(var(--s) / 3);
 }
 r4-app-menu a[aria-current] {
 	color: var(--c-headlines);

diff --git a/src/pages/r4-page-channel-followings.js b/src/pages/r4-page-channel-followings.js
@@ -48,6 +48,6 @@ export default class R4PageChannelFollowings extends BaseChannel {
 		</r4-list-item>`
 	}
 	renderNoChannels() {
-		return html`Not following any channel yet.`
+		return html`Not following any channels yet.`
 	}
 }