Clip history page for mobiles

Add shadows to tabs

src/templates/main.tpl.html

@@ -44,7 +44,7 @@
     <!-- /navbar -->
 
     <!-- container -->
-    <div class="container-fluid">
+    <div class="container-fluid" id="main-container">
         <div class="page-header">
             <h1>{subtitle}</h1>
         </div>

static/css/history.css

@@ -1,3 +1,7 @@
+#main-container {
+	overflow: hidden;
+}
+
 #history-panel {
 	width: 100%;
 	max-width: 1100px;

static/css/style.css

@@ -40,12 +40,17 @@ body {
 	padding-bottom: 0;
 }
 .nav-tabs {
+	position: relative;
+	top: 1px;
 	margin-left: 10px;
 	margin-bottom: 0;
 	border: 0;
 }
 .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
-	background-color: whiteSmoke;
+	background-color: #f5f5f5;
+	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 }
 .nav-tabs > li > a, .nav-tabs > li > a:hover {
 	padding: 8px 8px;