From 9162dfd59232a5d704775da6f017eb814804da35 Mon Sep 17 00:00:00 2001
From: DmitriyMX <dimon550@gmail.com>
Date: Sat, 3 Jun 2017 12:25:30 +0300
Subject: [PATCH] =?UTF-8?q?=D0=90=D0=B4=D0=B0=D0=BF=D1=82=D0=B0=D1=86?=
 =?UTF-8?q?=D0=B8=D1=8F=20=D0=BF=D0=BE=D0=B4=20=D0=BC=D0=BE=D0=B1=D0=B8?=
 =?UTF-8?q?=D0=BB=D1=8C=D0=BD=D1=8B=D0=B5=20=D1=83=D1=81=D1=82=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B9=D1=81=D1=82=D0=B2=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../kinosearch3/webpp/search.comp.ftl          | 12 +++++++++---
 .../kinosearch3/webpp/static/media.css         | 18 ++++++++++++++++++
 .../kinosearch3/webpp/static/style.css         |  2 ++
 3 files changed, 29 insertions(+), 3 deletions(-)
 create mode 100644 src/main/resources/kinosearch/kinosearch3/webpp/static/media.css

diff --git a/src/main/resources/kinosearch/kinosearch3/webpp/search.comp.ftl b/src/main/resources/kinosearch/kinosearch3/webpp/search.comp.ftl
index a6c72ee..d7ab8d1 100644
--- a/src/main/resources/kinosearch/kinosearch3/webpp/search.comp.ftl
+++ b/src/main/resources/kinosearch/kinosearch3/webpp/search.comp.ftl
@@ -1,11 +1,17 @@
 <h1 class="title"><a href="/"><img src="/ks3logo.svg"> KinoSearch</a></h1>
 <br>
-<form method="get" action="/">
+<form id="search" method="get" action="/">
     <div class="input-group">
-        <span class="input-group-addon">Найти:</span>
+        <span class="input-group-addon">
+            <span class="visible-xs-inline glyphicon glyphicon-search" aria-hidden="true"></span>
+            <span class="hidden-xs">Найти:</span>
+        </span>
         <input class="form-control" type="text" placeholder="Что ищем?" name="search" value="${(searchText)!""}"/>
         <span class="input-group-btn">
-            <button class="btn btn-primary" type="submit">Ищи!</button>
+            <button class="btn btn-primary" type="submit">
+                <span class="visible-xs-inline glyphicon glyphicon-triangle-right" aria-hidden="true"></span>
+                <span class="hidden-xs">Ищи!</span>
+            </button>
         </span>
     </div>
 </form>
diff --git a/src/main/resources/kinosearch/kinosearch3/webpp/static/media.css b/src/main/resources/kinosearch/kinosearch3/webpp/static/media.css
new file mode 100644
index 0000000..a132a2c
--- /dev/null
+++ b/src/main/resources/kinosearch/kinosearch3/webpp/static/media.css
@@ -0,0 +1,18 @@
+@media only screen and (max-width: 768px) {
+    form#search .btn {
+        height: 34px;
+    }
+
+    .searchResult .media-left {
+        display: block;
+        text-align: center;
+    }
+
+    .searchResult .media-object {
+        display: inline;
+    }
+
+    .searchResult .media-body {
+        padding-top: 8px;
+    }
+}
\ No newline at end of file
diff --git a/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css b/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
index c4c7ce9..cb01943 100644
--- a/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
+++ b/src/main/resources/kinosearch/kinosearch3/webpp/static/style.css
@@ -1,3 +1,5 @@
+@import url('/media.css');
+
 body {
     background: #f3f3f3 url('/noise-background.png');
     background-size: auto;