use responsive CSS features of Bootstrap

sampsyo · May 31, 2012 · 92668bf · 92668bf
1 parent 06729b6
commit 92668bf
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 61 deletions.
diff --git a/static/loglet.css b/static/loglet.css
@@ -52,3 +52,10 @@ label.after {
     display: inline-block;
     margin-left: 0.5em;
 }
+
+/* For small screens. */
+@media (max-width: 767px) {
+    .level {
+        text-align: left;
+    }
+}
diff --git a/static/mobile.css b/static/mobile.css
diff --git a/templates/base.html b/templates/base.html
@@ -6,10 +6,10 @@
         <link rel="stylesheet" type="text/css"
               href="{{ url_for('static', filename='bootstrap.css') }}">
         <link rel="stylesheet" type="text/css"
-              href="{{ url_for('static', filename='loglet.css') }}">
+              href="{{ url_for('static',
+                               filename='bootstrap-responsive.css') }}">
         <link rel="stylesheet" type="text/css"
-              media="screen and (max-device-width: 480px)"
-              href="{{ url_for('static', filename='mobile.css') }}">
+              href="{{ url_for('static', filename='loglet.css') }}">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         {%- endblock %}
     </head>

diff --git a/templates/log.html b/templates/log.html
@@ -65,7 +65,7 @@ <h1>{{ title }}</h1>
     <div class="row">
         <div class="span9 main">
             <div class="logtable">
-                <div class="row thead">
+                <div class="row thead visible-desktop">
                     <div class="span2">
                         <a href="{{ reversed_url }}">
                             Time