Lots of styling

scraperwiki · Jun 7, 2013 · 4fdfc5a · 4fdfc5a
1 parent d23ff83
commit 4fdfc5a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 8 deletions.
diff --git a/http/index.html b/http/index.html
@@ -31,7 +31,7 @@
   <ul class="nav nav-tabs" style="display: none">
   </ul>
 
-  <button class="btn btn-danger" type="button" id="bugs">Report Bug</button>
+  <button class="btn btn-danger btn-small" type="button" id="bugs">Report Bug</button>
 
   </body>
 </html>
diff --git a/http/style.css b/http/style.css
@@ -10,27 +10,40 @@ ul.nav li:first-child a {
 .item {
   float: left;
   width: 420px;
+  padding: 20px;
   margin: 20px;
   text-align: center;
-  /* border: 1px solid; */
+  background-color: white;
+  box-shadow: 0 2px 6px #ccc;
 }
 .item h1 {
-  width: 420px;
   overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-size: 32px;
+  line-height: 32px;
+  padding-bottom: 20px;
+  border-bottom: 1px solid #eee;
 }
 div.tab {
   display: none;
+  background-color: #f3f3f3;
 }
 div.active {
   display: block;
 }
+.nav {
+  margin-bottom: 0;
+}
+.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
+  background-color: #f3f3f3;
+}
 p.loading, p.waiting {
   margin-top: 20px;
-  padding-top: 50px;
+  padding-top: 70px;
   text-align: center;
-  color: #666;
   font-size: 20px;
-  background: transparent url('tool-loader.gif') center top no-repeat;
+  background: white url('tool-loader.gif') center 20px no-repeat;
 }
 b {
   font-weight: inherit;
@@ -48,8 +61,8 @@ b {
 }
 #bugs {
   position: absolute;
-  right: 20px;
-  top: 12px;
+  right: 10px;
+  top: 10px;
 }
 .table td.numeric {
  /* text-align: right */