diff options
| -rw-r--r-- | templates/index.html | 15 |
1 files changed, 14 insertions, 1 deletions
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> |