From 218e0a12fb6fe25c6ba9f4c9d9763c1248a9ad49 Mon Sep 17 00:00:00 2001
From: Mathias Meyer <meyer@paperplanes.de>
Date: Mon, 12 May 2014 09:13:27 +0200
Subject: [PATCH] Silly first attempt at supporting mobile browsers.

This applies some simple fixes to make the build page looks ever
so slight more presentable, but needs some more tuning.
---
 assets/styles/layout.sass | 25 +++++++++++++++++++++++++
 assets/styles/tabs.sass   | 13 +++++++++++++
 2 files changed, 38 insertions(+)

diff --git a/assets/styles/layout.sass b/assets/styles/layout.sass
index e48d6e40..ea240631 100644
--- a/assets/styles/layout.sass
+++ b/assets/styles/layout.sass
@@ -43,6 +43,7 @@ html, body
   background-color: #fbfbfa
   border-right: 1px solid $color-border-normal
 
+
 @media screen and (max-width: 980px)
   #left
     max-width: 300px
@@ -73,3 +74,27 @@ html, body
 @media screen and (max-width: 1310px)
   table#builds .committer
     display: none
+
+@media handheld, only screen and (max-device-height: 1024px)
+  #left
+    display: none
+  #main
+    min-width: 99%
+    max-width: 99%
+    padding: 0px
+
+    .tabs
+      margin-top: 5px
+
+    p.description
+      margin: 5px 0px
+
+    #repo
+      padding: 15px 10px
+      width: 95%
+
+  #top
+    width: 100%
+    min-width: 960px
+  #tools
+    display: none
diff --git a/assets/styles/tabs.sass b/assets/styles/tabs.sass
index cf0cd537..5ac53019 100644
--- a/assets/styles/tabs.sass
+++ b/assets/styles/tabs.sass
@@ -85,3 +85,16 @@
       border-bottom-color: $color-bg-right
       h5
         font-weight: bold
+
+@media handheld, only screen and (max-device-width: 1024px)
+  #main
+    .tabs
+      margin-top: 5px
+      li
+        margin-right: 0px
+      h5
+        min-width: 0px
+        a
+          padding: 0px 2px   
+      #tab_branches
+        display: none