Button style

2 files changed, 20 insertions, 12 deletions

diff --git a/src/main/assets/scripts.js b/src/main/assets/scripts.js
index 2c56fe7f..69a5814d 100644
--- a/src/main/assets/scripts.js
+++ b/src/main/assets/scripts.js
@@ -284,7 +284,7 @@ function showCommentForm(mid, rid) {
                         <textarea name="body" rows="1" class="reply" placeholder="${i18n('comment.writeComment')}"></textarea>
                         <div class="attach-photo">${evilIcon('ei-camera')}</div>
                     </div>
-                    <input type="submit" value="OK">
+                    <input type="submit" class="Button" value="OK">
                 </div>
             </form>`;
         formTarget.insertAdjacentHTML('afterend', formHtml);
@@ -428,7 +428,7 @@ function openPostDialog() {
                 <input class="img" name="img" placeholder="${i18n('postForm.imageLink')} (${i18n('postForm.imageFormats')})"/>
                  ${i18n('postForm.or')} <a href="#">${i18n('postForm.upload')}</a><br/>
                 <input id="tags_input" class="tags" name="tags" placeholder="${i18n('postForm.tags')}"/><br/>
-                <input type="submit" class="subm" value="${i18n('postForm.submit')}"/>
+                <input type="submit" class="subm Button" value="${i18n('postForm.submit')}"/>
             </div>
         </form>
     `;
@@ -501,7 +501,7 @@ function openDialogLogin() {
             <form action="/login" method="POST">
                 <input class="signinput" type="text" name="username" placeholder="${i18n('loginDialog.username')}"/><br/>
                 <input class="signinput" type="password" name="password" placeholder="${i18n('loginDialog.password')}"/><br/>
-                <input class="signsubmit" type="submit" value="OK"/>
+                <input class="signsubmit Button" type="submit" value="OK"/>
             </form>
         </div>`;
     openDialog(html);
@@ -643,7 +643,7 @@ ready(function() {
     renderIcons();
     var insertPMButtons = function(e) {
         e.target.classList.add('narrowpm');
-        e.target.parentNode.insertAdjacentHTML('afterend', '<input type="submit" value="OK"/>');
+        e.target.parentNode.insertAdjacentHTML('afterend', '<input type="submit" class="Button" value="OK"/>');
         e.target.removeEventListener('click', insertPMButtons);
         e.preventDefault();
     };
diff --git a/src/main/assets/style.css b/src/main/assets/style.css
index 2ac91e91..96d47930 100644
--- a/src/main/assets/style.css
+++ b/src/main/assets/style.css
@@ -451,6 +451,21 @@ article .tags > a::before,
     padding-top: 12px;
 }
 
+.Button {
+    background: #fff;
+    border: 1px solid var(--border-color);
+    color: #888;
+    cursor: pointer;
+    display: inline-block;
+    margin: 5px;
+    padding: 4px 10px;
+}
+.Button:hover {
+    background: #f8f8f8;
+    border-bottom: 1px solid #ff339a;
+}
+
+
 .msgthread {
     margin-bottom: 0;
 }
@@ -526,7 +541,7 @@ article .tags > a::before,
     display: flex;
     width: 100%;
     margin-top: 10px;
-    flex-direction: column;
+    flex-direction: row;
 }
 
 .msg-comment-hidden {
@@ -980,13 +995,6 @@ article p {
 .msg-comment input {
     align-self: flex-end;
     margin: 6px 0 0 0;
-    background: #EEE;
-    border: 1px solid #CCC;
-    color: #999;
-    position: sticky;
-    top: 70px;
-    vertical-align: top;
-    width: 50px;
 }
 
 @media (--viewport-mobile) {