Изменение стиля поисковой выдачи

src/main/resources/kinosearch/kinosearch3/webpp/searchResult.ftl

@@ -5,14 +5,23 @@
 
 <div class="searchResult">
     [#if cindocs?has_content]
-    <ol>
     [#list cindocs as cinema]
-        <li>
+    <div class="panel panel-default">
-            <img src="/poster/${cinema.fileName}">
+        <div class="panel-heading">
-            <a href="${cinema.url}" target="_blank">[${cinema.typeWarez}] ${cinema.title}</a>
+            ${cinema.title}
-        </li>
+        </div>
+        <div class="panel-body">
+            <div class="media">
+                <div class="media-left media-top">
+                    <img class="media-object" src="/poster/${cinema.fileName}">
+                </div>
+                <div class="media-body">
+                    ${cinema.description}
+                </div>
+            </div>
+        </div>
+    </div>
     [/#list]
-    </ol>
     [#else]
     <p>Ничего не найдено.</p>
     [/#if]

src/main/resources/kinosearch/kinosearch3/webpp/static/style.css

@@ -52,3 +52,18 @@ hr {
     vertical-align: middle;
     padding-bottom: 15vh;
 }
+
+.searchResult .media:first-child {
+    padding: 8px;
+}
+
+.searchResult .media-object {
+    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .35);
+    border-radius: .3em;
+    border: 1px solid rgba(0, 0, 0, .35);
+    max-height: 20em;
+}
+
+.searchResult .panel-heading {
+    font-weight: bold;
+}