audiothek

alternative frontend for ardaudiothek.de  https://audiothek.ce9e.org/
git clone https://git.ce9e.org/audiothek.git

commit
4404a149847b0eeed5d3c8c39fea99529ecb2f1d
parent
c8d7565e0e3b0b4ae71ae440563552340363d482
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2025-12-27 19:31
css: float item img instead of flex

better for narrow screens

Diffstat

M style.css 11 ++++++-----

1 files changed, 6 insertions, 5 deletions


diff --git a/style.css b/style.css

@@ -92,13 +92,14 @@ h1 a {
   92    92 	padding: 0;
   93    93 }
   94    94 .items li {
   95    -1 	display: flex;
   96    -1 	align-items: start;
   97    -1 	gap: 1em;
   -1    95 	display: flow-root;
   98    96 	margin-block: 0 2em;
   99    97 }
  100    -1 .items div {
  101    -1 	flex: 1;
   -1    98 .items li > a {
   -1    99 	max-inline-size: 25vi;
   -1   100 	float: inline-start;
   -1   101 	margin-inline-end: 1em;
   -1   102 	margin-block-end: 0.4em;
  102   103 }
  103   104 .items h3,
  104   105 .items p {