From aa555d47162ca7ed99e2a03535c6c62c1679b72b Mon Sep 17 00:00:00 2001
From: FarseaSH <yy_shao@outlook.com>
Date: Sat, 27 Apr 2024 17:58:07 +0800
Subject: [PATCH] IMPROVEMENT: more clean marigin alignment

---
 assets/style-refractored.scss | 18 +++++++++---------
 layouts/partials/row.html     |  8 ++++----
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/assets/style-refractored.scss b/assets/style-refractored.scss
index 65ea0d3..b5ecfe1 100644
--- a/assets/style-refractored.scss
+++ b/assets/style-refractored.scss
@@ -89,6 +89,11 @@ body{
 
 .moment-content{
     position: relative;
+
+    .top-mark {
+        position: absolute;
+        right: 0%;
+    }
 }
 
 .moment-row{
@@ -107,8 +112,8 @@ body{
     }
 
     .container{
-        padding-left: 10px;
-        padding-right: 10px;
+        padding-left: 30px;
+        padding-right: 30px;
     }
 }
 
@@ -182,7 +187,7 @@ $gray: #919EB1;
 /* START - time */
 .time{
     text-align: right;
-    padding-right: 60px;
+    padding-right: 80px;
     /* white-space: nowrap; */
     font-weight: 300;
     margin-bottom: 20px;
@@ -204,7 +209,7 @@ $gray: #919EB1;
 }
 @media (max-width: 720px) and (min-width:576px){
     .time{
-        padding-right: 20px;
+        padding-right: 40px;
     }
 }
 /* END - time */
@@ -401,12 +406,10 @@ $gray: #919EB1;
     display: flex;
     margin-bottom: 10px;
     justify-content: space-between;
-    margin-right: 5px; 
     color:#808080;
 
     .note{
         font-size: 80%;
-        text-indent: 20px;
         color: rgba(0, 0, 0, 0.5);
     
         margin-top: 0;
@@ -417,8 +420,6 @@ $gray: #919EB1;
 // note at the bottom of each row
 .moment-note {
     .like-btn {
-        padding-right: 12px;
-
         &:hover {
             cursor: pointer;
         }
@@ -439,7 +440,6 @@ hr {
     border-width: 0;
     border-top: 1px solid;
     border-color: rgba(0, 0, 0, 0.1);
-    max-width: 75%;
     clear: both
 }
 /* END - for the main content */
diff --git a/layouts/partials/row.html b/layouts/partials/row.html
index bdc6fcd..7713e37 100644
--- a/layouts/partials/row.html
+++ b/layouts/partials/row.html
@@ -5,7 +5,7 @@
     <div class="pure-g">
 
         {{/* time info shown in the left (or above in small screens) */}}
-        <div class="pure-u-1 pure-u-sm-1-3">
+        <div class="pure-u-1 pure-u-sm-1-4">
             <div class="time">
                 <div class="month-day">{{ $page.Date.Format "Jan 2"}}{{ if in (slice 1 21 31) $page.Date.Day}}st{{ else if in (slice 2 22) $page.Date.Day}}nd{{ else if in (slice 3 23) $page.Date.Day}}rd{{ else }}th{{ end }}</div>
                 <div class="year">{{ $page.Date.Format "2006"}}</div>
@@ -13,11 +13,11 @@
         </div>
 
         {{/* moment-main-content */}}
-        <div class="pure-u-1 pure-u-sm-2-3">
+        <div class="pure-u-1 pure-u-sm-3-4">
             <div class="moment-content">
                 {{/* top mark */}}
                 {{ if gt $page.Params.top 0}}
-                <div class="top-mark" style="position: absolute; right: 5%;">
+                <div class="top-mark">
                     <i class="fas fa-bookmark" style="color: #e76b4f;"></i>
                 </div>
                 {{ end }}
@@ -51,7 +51,7 @@
                     </div>
                 </div>
 
-                <div style="padding-left: 5px; padding-right: 5px;">
+                <div class="main-context">
                     {{/* tag */}}
                     {{ $tags_filtered := slice }}
                     {{ with $page.Params.tags }}