web: fix bullets for list of blogs & blogs for firefox, safari & google

website/src/blog.html

@@ -12,13 +12,14 @@ active_blog: true
             list-style: disc;
             margin-right: 0;
             margin-left: 0;
+            -webkit-margin-start: 1.2rem;
+            margin-inline-start: 1.2rem;
         }
         #blog-list ul {
             list-style-position: inside;
             overflow: auto;
         }
         #blog-list ul li {
-            -webkit-margin-start: 1.1rem;
             color: #000;
         }
         .dark #blog-list ul li {
@@ -58,7 +59,7 @@ active_blog: true
                 </div>
                 <div class="p-6 md:py-8 flex-[2.5] flex flex-col">
                     <div>
-                        <h1 class="text-grey-black dark:text-white text-lg md:text-xl font-bold ">
+                        <h1 class="text-grey-black dark:text-white !text-lg md:!text-xl font-bold ">
                             <a href="{{ blog.url }}">{{ blog.data.title | safe }}</a>
                         </h1>
                         <p class="text-sm text-[#A8B0B4] font-medium mt-2 mb-4 tracking-[0.03em]">

website/src/css/blog.css

@@ -113,8 +113,8 @@ section.container>div>p:nth-child(2) {
 #article ol li {
   margin-right: 0;
   margin-left: 0;
-  /* -webkit-margin-start: 1.1rem;
-  margin-inline-start: 1.1rem; */
+  -webkit-margin-start: 1.2rem;
+  margin-inline-start: 1.2rem;
   color: #000;
 }
 
@@ -138,16 +138,16 @@ section.container>div>p:nth-child(2) {
   line-height: 30px;
 }
 
-/* #article ul li {
+#article ul li {
   list-style: disc;
-} */
+}
 
-#article ul > li::before {
+/* #article ul > li::before {
   content: '•';
   font-size: 24px;
   vertical-align: middle;
   margin-right: 5px;
-}
+} */
 
 #article ol li {
   list-style: decimal;
@@ -224,10 +224,6 @@ h6 {
     float: right;
     margin-left: 3rem;
   }
-
-  #article .float-right{
-    margin-left: 3rem;
-  }
 }
 
 @media (max-width:768px) {