Layout bugfixes

1 files changed, 25 insertions, 15 deletions

diff --git a/src/main/assets/style.css b/src/main/assets/style.css
index f67e2c7d..14a72377 100644
--- a/src/main/assets/style.css
+++ b/src/main/assets/style.css
@@ -219,7 +219,6 @@ pre::selection {
 
 #ctitle a {
     padding: 2px 20px;
-    border-bottom: 2px solid transparent;
     text-overflow: ellipsis;
     overflow: hidden;
 }
@@ -228,16 +227,19 @@ pre::selection {
     border-bottom: 2px solid transparent;
 }
 
-#header_wrapper a.active {
-    background: var(background-color);
+#global a.active {
+    background: var(--background-color);
     border-bottom: 2px solid #ff339a;
     pointer-events: none;
 }
 #global a:hover:not(.active),
-#ctitle a:hover:not(.active),
+#ctitle a:hover,
 .l a:hover {
-    border-bottom: 2px solid #ff339a;
     cursor: pointer;
+    background-color: var(--background-color);
+}
+#global a:hover:not(.active) {
+    border-bottom: 2px solid #ff339a;
 }
 
 #search input {
@@ -361,10 +363,18 @@ article {
     background: var(--text-background-color);
     border: 1px solid var(--border-color);
     line-height: 140%;
-    margin-bottom: 10px;
-    padding: 20px;
+    margin-bottom: 10px;    
     overflow: auto;
 }
+article .h,
+article #postmsg,
+.page-content,
+.msg-cont .msg-comment,
+.msg-cont .msg-recomms,
+.msg-cont .msg-links,
+.msg-cont .msg-header {
+    padding: 20px;
+}
 
 article time {
     color: #88958d;
@@ -434,7 +444,11 @@ article .tags > a::before,
 }
 
 .l .msg-button {
-    padding-top: 12px;
+    padding: 12px;
+}
+.l .msg-button-icon {
+    display: flex;
+    align-items: center;
 }
 
 .Button {
@@ -448,7 +462,6 @@ article .tags > a::before,
 }
 .Button:hover {
     background: #f8f8f8;
-    border-bottom: 1px solid #ff339a;
 }
 
 .msgthread {
@@ -473,7 +486,6 @@ article .tags > a::before,
     border: 1px solid var(--border-color);
     line-height: 140%;
     margin-bottom: 12px;
-    padding: 20px;
 }
 
 .reply-new .msg-cont {
@@ -492,7 +504,7 @@ article .tags > a::before,
 .msg-txt {
     clear: both;
     margin: 0 0 12px;
-    padding-top: 10px;
+    padding: 0 20px;
     word-wrap: break-word;
     overflow-wrap: break-word;
 }
@@ -525,7 +537,6 @@ article .tags > a::before,
 .msg-comment {
     display: flex;
     width: 100%;
-    margin-top: 10px;
     flex-direction: row;
 }
 
@@ -873,14 +884,14 @@ blockquote {
 }
 
 .icon {
-    margin-top: -4px;
     vertical-align: middle;
 }
 
 .newmessage {
     /* textarea on the /post page */
     border: 1px solid #DDD;
-    padding: 2px;
+    outline: none !important;
+    padding: 4px;
     resize: none;
     overflow: auto;
     width: 100%;
@@ -914,7 +925,6 @@ fieldset {
     align-items: center;
     justify-content: center;
     padding: 0;
-    margin: 30px -3px 15px -3px;
     position: relative;
 }
 .embedContainer > * {