From d818a591f4a634a32cebfe14c94685533079c6c5 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Sun, 19 Jun 2016 21:39:59 +0200
Subject: show searchbar on mobile

---
 templates/index.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/templates/index.html b/templates/index.html
index e5bb9ac..36e7188 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -35,7 +35,20 @@
                         </a>
                     </li>
                 </ul>
-                <form class="hide-on-small-only" id="searchform" style="margin-left: 17em; margin-right: 24em;"><!-- TODO get rid of these magic margins -->
+                <style type="text/css">
+                    @media screen and (min-width: 600px) { /* "m" or "l" */
+                        #searchform {
+                            margin-left: 17em;
+                            margin-right: 24em;
+                        }
+                    }
+                    @media screen and (max-width: 600px) { /* "s" */
+                        #searchform {
+                            width: 20em;
+                        }
+                    }
+                </style> <!-- TODO get rid of these magic margins -->
+                <form id="searchform" >
                     <div class="input-field">
                         <label for="filter"><i class="material-icons">search</i></label>
                         <input type="search" name="filter" required>
-- 
cgit v1.3.1