selfhostable, read-only reddit client
more work with spacing
+25
-15
+1
-1
src/mixins/comment.pug
+1
-1
src/mixins/comment.pug
+23
-13
src/public/styles.css
+23
-13
src/public/styles.css
···
80
80
align-items: center;
81
81
}
82
82
83
+
.sorting {
84
+
margin-top: 20px;
85
+
}
86
+
83
87
.sort-opts {
84
88
display: flex;
85
89
flex-direction: row;
···
205
209
.media-preview img,
206
210
.media-preview video
207
211
{
208
-
width: 7rem;
209
-
height: 7rem;
212
+
width: 5rem;
213
+
height: 5rem;
210
214
}
211
215
.media-preview a {
212
216
font-size: 2rem;
···
243
247
.media-preview img,
244
248
.media-preview video
245
249
{
246
-
width: 7rem;
247
-
height: 7rem;
250
+
width: 5rem;
251
+
height: 5rem;
248
252
}
249
253
.media-preview a {
250
254
font-size: 2rem;
···
265
269
.comment, .more {
266
270
width: 100%;
267
271
border-left: 1px dashed var(--text-color-muted);
268
-
padding: 8px 0px 0px 24px;
272
+
padding: 8px 0px 0px 18px;
269
273
box-sizing: border-box;
270
274
}
271
275
272
276
.comment {
273
-
padding: 0px 0px 0px 24px;
277
+
padding-top: 10px;
274
278
}
275
279
276
280
.first {
···
303
307
}
304
308
305
309
.title-container, .comment-info-container, summary.expand-comments::before {
306
-
margin-top: 10px;
307
-
margin-bottom: 10px;
310
+
margin-top: 5px;
311
+
margin-bottom: 5px;
308
312
}
309
313
310
314
.info-container {
···
359
363
360
364
p {
361
365
margin-top: 5px;
366
+
margin-bottom: 0px;
362
367
}
363
368
364
369
.comment-body {
365
370
text-align: left;
371
+
display: block;
372
+
padding-bottom: 8px;
366
373
}
367
374
368
375
summary.expand-post {
···
382
389
details:not([open]) summary::before {
383
390
content: "";
384
391
padding-right: 10px;
385
-
}
386
-
387
-
.comment-body {
388
-
display: block;
389
392
}
390
393
391
394
.footer {
···
416
419
}
417
420
418
421
.post-title {
419
-
margin-top: 0;
422
+
margin-top: 5px;
420
423
}
421
424
422
425
.op {
423
426
color: var(--accent);
424
427
}
428
+
429
+
button {
430
+
border: 1px solid var(--text-color-muted);
431
+
border-radius: 4px;
432
+
background-color: var(--black);
433
+
color: var(--white);
434
+
}
+1
-1
src/views/index.pug
+1
-1
src/views/index.pug
···
46
46
if about
47
47
p #{about.public_description}
48
48
details
49
-
summary sorting by #{query.sort + (query.t?' '+query.t:'')}
49
+
summary.sorting sorting by #{query.sort + (query.t?' '+query.t:'')}
50
50
div.sort-opts
51
51
a(href=`/r/${subreddit}?sort=hot`) hot
52
52
a(href=`/r/${subreddit}?sort=new`) new