selfhostable, read-only reddit client
Futher tweak card view styling for small screens, fix
+15
-6
+15
-6
src/public/styles.css
+15
-6
src/public/styles.css
···
288
288
height: 4rem;
289
289
}
290
290
291
+
.media-preview.card {
292
+
padding: unset;
293
+
}
294
+
291
295
.media-preview.card img,
292
296
.media-preview.card video {
293
297
border-radius: 6px;
294
298
295
299
max-height: 40vh;
296
-
max-width: 100%;
300
+
max-width: 95%;
297
301
298
302
display: block;
299
-
width: initial;
300
-
height: initial;
303
+
width: unset;
304
+
height: unset;
301
305
margin-left: auto;
302
306
margin-right: auto;
303
-
margin-bottom: 1rem;
307
+
margin-bottom: 0.5rem;
304
308
305
309
object-fit: fill;
306
310
}
307
311
308
312
.media-preview.card a {
309
313
font-size: 1.5rem;
310
-
margin: 1rem;
311
-
padding: initial;
314
+
padding: unset;
315
+
padding-left: 1rem;
316
+
}
317
+
318
+
.media-preview.card a:has(img) {
319
+
font-size: 0rem;
320
+
padding: unset;
312
321
}
313
322
314
323
.media-preview a {