Fix css movil

1 files changed, 21 insertions, 30 deletions

diff --git a/static/css/txt/bbs.css b/static/css/txt/bbs.css
index 9d2fffa..8ff856e 100644
--- a/static/css/txt/bbs.css
+++ b/static/css/txt/bbs.css
@@ -268,7 +268,10 @@ a.yt b {
   color: #f00;
   font-family: arial, sans-serif;
   font-weight: bold;
-  margin: 0.5em 0;
+  margin-bottom: 0.5em;
+}
+textarea {
+  max-width: 100%;
 }
 #createbox input,
 #createbox textarea {
@@ -340,11 +343,11 @@ form .msg {
 }
 
 @media (max-width: 600px) {
-  body.threadpage {
-    margin: 5px;
+  body {
+    font-size: 14px;
   }
-  br {
-    line-height: 0.5em;
+  body.threadpage {
+    margin: 4px;
   }
   .banner {
     width: 100% !important;
@@ -374,42 +377,30 @@ form .msg {
     font-size: 12px;
     line-height: 14px;
   }
-  h4,
+  .reply {
+    line-height: 16px;
+  }
+  .reply h4,
   .quoted {
     font-size: 10px;
     line-height: 12px;
   }
-  .thread .threadnav {
-    float: none;
-    text-align: center;
-  }
-  .thread .threadnav a {
-    border: 1px solid;
-    border-radius: 20px;
-    margin: 0px 3px 3px;
-    padding: 0;
-    text-decoration: none;
-    display: inline-block;
-    width: 21px;
-    height: 21px;
-  }
   #threadlist a {
     font-size: 10px;
     padding: 6px 3px;
   }
+  .threadnav,
   #size,
   .postform br,
   .hh {
     display: none;
   }
-  .deleted {
-    margin-bottom: 0.5em;
-  }
   .del {
     visibility: visible;
   }
-  div.msg {
-    margin: 0.5em 0;
+  div.msg,
+  a.thumb {
+    margin: 8px;
   }
   .mainpage .postform,
   .formpad {
@@ -423,7 +414,7 @@ form .msg {
     width: 100%;
   }
   .postform input[type="submit"] {
-    padding: 0.5em;
+    padding: 6px;
   }
   .postform span > input,
   .postform span > span {
@@ -439,19 +430,19 @@ form .msg {
   }
   form,
   #thread_nav,
-  #footer,
   .locked {
     font-size: 14px;
     text-align: center;
   }
-  #footer a {
-    display: block;
-  }
   #q-p {
     margin: 0 1px 0 6px;
   }
+  #footer,
   .end {
     font-size: 12px;
     text-align: center;
   }
+  #footer a {
+    display: block;
+  }
 }