From 60aa2174903734baadf35004eb0298fa854675eb Mon Sep 17 00:00:00 2001
From: TOL <tkhstol.929@gmail.com>
Date: Fri, 3 Feb 2023 08:16:36 +0900
Subject: [PATCH] =?UTF-8?q?html,css=E4=BF=AE=E6=AD=A3=20(#20)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/resources/static/css/list.css | 4 ++--
 src/main/resources/templates/list.html | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/main/resources/static/css/list.css b/src/main/resources/static/css/list.css
index 7799961..87b5aa6 100644
--- a/src/main/resources/static/css/list.css
+++ b/src/main/resources/static/css/list.css
@@ -5,7 +5,7 @@ body {
 }
 
 main {
-    margin: 1% 5%;
+    margin: 1% 25%;
 }
 
 a:-webkit-any-link  {
@@ -116,7 +116,7 @@ table {
 }
 
 .authorBox {
-    margin-left: auto;
+    margin-right: 10px;
 }
 
 footer {
diff --git a/src/main/resources/templates/list.html b/src/main/resources/templates/list.html
index bca4ac8..ddd33ce 100644
--- a/src/main/resources/templates/list.html
+++ b/src/main/resources/templates/list.html
@@ -20,6 +20,9 @@
                         <ul class="mrList">
                             <li th:each="detailForm : ${infoForm.mrDetailForms}">
                                 <div class="mrBox">
+                                    <div class="authorBox">
+                                        <img class="authorAvatarImg" th:src="${detailForm.author.avatarUrl}"/>
+                                    </div>
                                     <div class="titleBox">
                                         <div class="mrLinkBox">
                                             <a class="mrLink" th:href="${detailForm.webUrl}"
@@ -35,9 +38,6 @@
                                             HH:mm:ss')}]]
                                         </span>
                                     </div>
-                                    <div class="authorBox">
-                                        <img class="authorAvatarImg" th:src="${detailForm.author.avatarUrl}"/>
-                                    </div>
                                 </div>
                             </li>
                         </ul>