diff options
| author | dan <me@danrh.co.uk> | 2023-05-16 18:35:06 -0400 |
|---|---|---|
| committer | dan <me@danrh.co.uk> | 2023-05-16 18:35:06 -0400 |
| commit | c4f178532a20a4900458db15ededc46a14ae1d21 (patch) | |
| tree | 6fada4ac941ec80d8e1eac99f5733d5a71c3fd2e /style.css | |
| parent | 56a08c8bfdd863d36aba80e7aab15f3feb9cb332 (diff) | |
| download | simple-comments-widget-c4f178532a20a4900458db15ededc46a14ae1d21.tar.gz simple-comments-widget-c4f178532a20a4900458db15ededc46a14ae1d21.tar.bz2 simple-comments-widget-c4f178532a20a4900458db15ededc46a14ae1d21.zip | |
restyle demo
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 26 |
1 files changed, 17 insertions, 9 deletions
@@ -1,16 +1,24 @@ +#comments-widget h5 { + margin-top: 1rem; + margin-bottom: 1rem; +} + #comments-widget { font-family: Lato, FreeSans, Roboto, Helvetica, Sans-Serif; + display: flex; + flex-direction: column; } .comment-form { - margin-top: 1em; + max-width: 100%; } .comment-form #commentcontent { width: 100%; - font-family: Lato, FreeSans, Roboto, Helvetica, Sans-Serif; + box-sizing: border-box; } + .comment-form #submit { border: 0; line-height: 2.5; @@ -27,17 +35,17 @@ cursor: pointer; } -@media only screen and (max-width: 450px) { - #submit { - width: 100%; - } - #bot { - width: 100%; +@media only screen and (min-width: 481px) { + .comment-form #submit { + float: right; } +} - #username { +@media only screen and (max-width: 481px) { + .comment-form input { width: 100%; + box-sizing: border-box; } } |