selfhostable, read-only reddit client

Futher tweak card view styling for small screens, fix

Changed files
+15 -6
src
public
+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 {