From 11955e740ccf689644fbb675a79a7389d98c3f0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bruno=20Ryb=C3=A1rsky?= <bruno@brn.systems>
Date: Sat, 27 Apr 2024 11:33:04 +0200
Subject: [PATCH] Update meme voting

---
 assets/style.css    |  9 ++-------
 templates/meme.html | 22 ++++++++++++++--------
 2 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 2ff5b9f..ad487b6 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -356,17 +356,12 @@ div#articleslist>article{
     height: auto;
 }
 
-.meme_info {
+.meme_info, .meme_topbar {
     display: flex;
     flex-direction: row;
 }
 
-.meme {
-    display: flex;
-    flex-direction: column;
-}
-
-.meme_body {
+.meme, .meme_body {
     display: flex;
     flex-direction: column;
 }
diff --git a/templates/meme.html b/templates/meme.html
index 39d66d7..2024e0d 100644
--- a/templates/meme.html
+++ b/templates/meme.html
@@ -1,19 +1,25 @@
 <article class="meme" id="meme___TEMPLATE_MEME_ID__">
     <div class="meme_header" id="meme_header___TEMPLATE_MEME_ID__">
         <h2 class='meme_title' id="meme_title___TEMPLATE_MEME_ID__">__TEMPLATE_MEME_TITLE__</h2>
-        <div class="meme_info" id="meme_info___TEMPLATE_MEME_ID__">
+        <div class="meme_topbar" id="meme_info___TEMPLATE_MEME_ID__">
             <div class="meme_voting" id="meme_voting___TEMPLATE_MEME_ID__">
-            __TEMPLATE_MEME_UPVOTE__
-            <p class="votes_counter __TEMPLATE_MEME_VOTE_COUNTER_CLASS__" id="meme_votes_counter___TEMPLATE_MEME_ID__">__TEMPLATE_MEME_VOTES_NUMBER__</p>
-            __TEMPLATE_MEME_DOWNVOTE__
+                __TEMPLATE_MEME_UPVOTE__
+                <p class="votes_counter __TEMPLATE_MEME_VOTE_COUNTER_CLASS__"
+                   id="meme_votes_counter___TEMPLATE_MEME_ID__">__TEMPLATE_MEME_VOTES_NUMBER__</p>
+                __TEMPLATE_MEME_DOWNVOTE__
+            </div>
+            <div class="meme_info">
+                <p class='meme_author' id="meme_author___TEMPLATE_MEME_ID__"><i class="ri-user-line"></i>__TEMPLATE_MEME_AUTHOR__
+                </p>
+                __TEMPLATE_MEME_DELETE_BUTTON__
+                <p class='meme_date' id="meme_date___TEMPLATE_MEME_ID__"><i class="ri-calendar-line"></i>__TEMPLATE_MEME_DATE__
+                </p>
             </div>
-            <p class='meme_author' id="meme_author___TEMPLATE_MEME_ID__"><i class="ri-user-line"></i>__TEMPLATE_MEME_AUTHOR__</p>
-            __TEMPLATE_MEME_DELETE_BUTTON__
-            <p class='meme_date' id="meme_date___TEMPLATE_MEME_ID__"><i class="ri-calendar-line"></i>__TEMPLATE_MEME_DATE__</p>
         </div>
     </div>
     <div class="meme_body" id="meme_body___TEMPLATE_MEME_ID__">
-        <img id="meme_image___TEMPLATE_MEME_ID__" src="__TEMPLATE_MEME_IMAGE__" width="500" alt="meme image" class="meme_image">
+        <img id="meme_image___TEMPLATE_MEME_ID__" src="__TEMPLATE_MEME_IMAGE__" width="500" alt="meme image"
+             class="meme_image">
         <p class="meme_text" id="meme_text___TEMPLATE_MEME_ID__">__TEMPLATE_MEME_TEXT__</p>
     </div>
 </article>
\ No newline at end of file