diff options
| author | julian laplace <julescarbon@gmail.com> | 2022-10-26 13:40:02 +0200 |
|---|---|---|
| committer | julian laplace <julescarbon@gmail.com> | 2022-10-26 13:40:02 +0200 |
| commit | 100f258b179ccce6c5013ba61586768807bd62ea (patch) | |
| tree | e4a6cf07a2b991f2d311eb278d6ecd155515c18e /views | |
| parent | 51ef48f66e031f1f514b4ba1472c08aee813ba73 (diff) | |
padding and line height...
Diffstat (limited to 'views')
| -rw-r--r-- | views/partials/hootstream.ejs | 14 |
1 files changed, 9 insertions, 5 deletions
diff --git a/views/partials/hootstream.ejs b/views/partials/hootstream.ejs index 6d48f78..57fd63a 100644 --- a/views/partials/hootstream.ejs +++ b/views/partials/hootstream.ejs @@ -26,9 +26,7 @@ <a class="userLink" href="/profile/{{username}}"> {{username}} </a> - <div class="text"> - {{hoot}} - </div> + <div class="text">{{hoot}}</div> <div class="age date">{{age}}</div> </div> </script> @@ -86,7 +84,8 @@ min-width: 2.5rem; } #hootevents { - font-size: 14px; + font-size: 14px; + padding-right: 3rem; } #hootevents .hoot { display: flex; @@ -129,6 +128,8 @@ text-align: left; flex: 1; margin: 0px 0.5rem 0px 0px; + white-space: pre-wrap; + line-height: 1.5; } #hootevents .hoot.isRecent .threadLink { @@ -236,7 +237,7 @@ /** HOOT FORM */ #hootform { - margin-bottom: 1.5rem; + margin-bottom: 0.5rem; padding: 0.5rem; } #hootform input[type="text"] { @@ -267,6 +268,8 @@ #hootform input[type="text"]:invalid { caret-color: #888; } + + /** MEDIA QUERY: DARK MODE */ @media (prefers-color-scheme: dark) { .search_form input[type="text"]:focus { border-bottom-color: rgba(127,127,127,0.2); @@ -285,6 +288,7 @@ margin-bottom: 0rem; } #hootstream { + padding-right: 0; margin-top: 1rem; } #hootevents .userLink { |