Index: src/main/resources/templates/favoriteList.html
===================================================================
--- src/main/resources/templates/favoriteList.html	(revision f25e8dd2951fa6a4f137647ddf715ff7c799d638)
+++ src/main/resources/templates/favoriteList.html	(revision 2efe93e6443168a68d51579962ac90a4d618179b)
@@ -1,45 +1,17 @@
-<style>
-    .card{
-        background-size: 200px 300px;
-        background-repeat: no-repeat;
-        float:left;
-        margin: 7px;
-        min-height: 270px;
-        border-radius: 10px;
-        padding: 20px;
-        color: white;
-        -webkit-text-stroke-width: 1px;
-        -webkit-text-stroke-color: black;
-    }
+<div class="container mb-4" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
+    <div class="row" th:each="row: ${movie_rows}" >
+        <div class="col-md-3" th:each="movie: ${row}" >
+            <a class="card-text-center" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" >
+                    <div class="card-body card bg-image" th:style="'background:url(' + ${movie.getImageUrl()} + ') no-repeat center #eee;'">
+                        <h3 class="card-title title" th:text="${movie.getTitle()}"></h3>
+                        <h3 class="card-text bottom" th:text="${'Rated '+movie.getImdbRating()}"></h3>
+                    </div>
+            </a>
+        </div>
+    </div>
 
-    .card h4{
-        text-align: center;
-        background-color: rgba(255,255,255,0.7);
-        border-radius: 5px;
-    }
-
-    .card h3{
-        position: absolute;
-        top: 85%;
-        margin:auto;
-        width: 100%;
-        left: 0%;
-        border-radius: 10px;
-        text-align: center;
-        background-color: rgba(255,255,255,0.7);
-    }
-</style>
-
-
-<div class="container mb-4" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml">
-    <div class="row">
+    <!--<div class="row">
         <div class="col-12" th:if="${movies.size() > 0}">
             <div class="table-responsive">
-                <a th:each="movie: ${movies}" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" >
-                    <div class="col-2 card" th:style="'background:url(' + ${movie.getImageUrl()} + ');'">
-                        <h4 th:text="${movie.getTitle()}"></h4>
-                        <h3 th:text="${movie.getImdbRating()}"></h3>
-                    </div>
-                </a>
                 <table class="table table-striped">
                     <thead>
@@ -78,4 +50,4 @@
             </div>
         </div>
-    </div>
+    </div>-->
 </div>
Index: src/main/resources/templates/movieShow.html
===================================================================
--- src/main/resources/templates/movieShow.html	(revision f25e8dd2951fa6a4f137647ddf715ff7c799d638)
+++ src/main/resources/templates/movieShow.html	(revision 2efe93e6443168a68d51579962ac90a4d618179b)
@@ -49,8 +49,9 @@
     </div>
     <div id="admin-buttons">
+        <a class="btn btn-primary" th:href="@{'/discussions/all/{id}?type=M' (id=${movie.getMovieId()})}" >Прегледај дискусии</a>
         <th:block sec:authorize="isAuthenticated()" >
             <a class="btn btn-success button-add-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${!likedMovies.contains(movie)}">Додади во омилена листа</a>
             <a class="btn btn-warning button-remove-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${likedMovies.contains(movie)}">Избриши од омилена листа</a>
-            <a class="btn btn-primary button-add-grade-movie" th:movie-id="${movie.getMovieId()}">Остави оценка</a>
+            <a class="btn btn-success button-add-grade-movie" th:movie-id="${movie.getMovieId()}">Остави оценка</a>
             <a class="btn btn-warning" th:href="@{'/movies/{id}/edit' (id=${movie.getMovieId()})}">Промени</a>
             <a class="btn btn-danger button-delete-movie" th:movie-id="${movie.getMovieId()}">Избриши филм</a>
Index: src/main/resources/templates/moviesList.html
===================================================================
--- src/main/resources/templates/moviesList.html	(revision f25e8dd2951fa6a4f137647ddf715ff7c799d638)
+++ src/main/resources/templates/moviesList.html	(revision 2efe93e6443168a68d51579962ac90a4d618179b)
@@ -11,4 +11,20 @@
 
     <div class="container mb-4">
+        <div class="row" th:each="row: ${movie_rows}" >
+            <div class="col-md-3" th:each="movie: ${row}" >
+                    <div class="card-body card bg-image" th:style="'background:url(' + ${movie.getImageUrl()} + ') no-repeat center #eee;'">
+                        <a class="card-text-center" style="color: white" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" >
+                        <h3 class="card-title title" th:text="${movie.getTitle()}"></h3>
+                        </a>
+                        <h3 class="card-text bottom" th:text="${'Rated '+movie.getImdbRating()}"></h3>
+                        <th:block sec:authorize="isAuthenticated()">
+                            <a class="bottom-heart btn btn-success button-add-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${!likedMovies.contains(movie)}">❤</a>
+                            <a class="bottom-heart btn btn-danger button-remove-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${likedMovies.contains(movie)}">💔</a>
+                        </th:block>
+                    </div>
+            </div>
+        </div>
+    </div>
+    <!--<div class="container mb-4">
         <div class="row">
             <div class="col-12" th:if="${movies.size() > 0}">
@@ -18,5 +34,5 @@
                         <tr>
                             <th scope="col">Наслов</th>
-                            <!--<th scope="col">Опис</th>-->
+                            <th scope="col">Опис</th>
                             <th scope="col">Датум издавање</th>
                             <th scope="col">Допаѓања</th>
@@ -40,5 +56,5 @@
                         <tr th:each="movie : ${movies}" class="elements">
                             <td><a th:text="${movie.getTitle()}" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}"></a></td>
-                            <!--<td th:text="${movie.getDescription()}"></td>-->
+                            <td th:text="${movie.getDescription()}"></td>
                             <td th:text="${movie.getAiringDate()}"></td>
                             <td th:text="${movie.getLikes() != null  ? movie.getLikes().size() : 0}">
@@ -66,5 +82,4 @@
                                 <a class="btn btn-success button-add-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${!likedMovies.contains(movie)}">Додади во омилена листа</a>
                                 <a class="btn btn-warning button-remove-favourite-list" th:movie-id="${movie.getMovieId()}" th:user-id="${user.getUserId()}" th:if="${likedMovies.contains(movie)}">Избриши од омилена листа</a>
-
                             </td>
                             <td>
@@ -84,5 +99,5 @@
             </div>
         </div>
-    </div>
+    </div>-->
 
 </div>
