From: paul <paul@plutz.net>
Date: Fri, 1 Apr 2016 11:48:48 +0000 (+0000)
Subject: small screen fixes in panels
X-Git-Url: http://git.plutz.net/?a=commitdiff_plain;h=a68bd6b9df0235cbe92a88f13be638825d86aac9;p=serve0

small screen fixes in panels

svn path=/trunk/; revision=112
---

diff --git a/templates/common.css.sh b/templates/common.css.sh
index 3ab8870..136f64c 100755
--- a/templates/common.css.sh
+++ b/templates/common.css.sh
@@ -57,29 +57,40 @@ textarea {
 }
 
 .pagination_nav {
-  display: inline;
+  display: inline-block;
   border: none;
   position: absolute;
   right: 1em;
+  bottom: .25em;
+  width: 3.5em;
   padding-top: .125em;
 }
 
 /* == Panels == */
 
 .panel {
+  position: relative;
   display: block;
   width: 100%;
   margin: 0;
   padding: .25em 1em;
+  padding-right: 4em;
   background-color: #333;
   border-width: 1px;
   border-style: none none solid none;
 }
 
+@media(min-width: 620px){
+  .panel {padding-right: 8em;}
+  .pagination_nav { width: auto;}
+}
+
 a.panel {
   font-weight: bold;
-  display: inline;
+  display: inline-block;
   border: none;
+  width: auto;
+  padding-right: 1em;
 }
 
 .panel .help { display: block;}