update addon stylin

Author: jasjs1

src/.app/style.css

@@ -100,8 +100,10 @@ label[for="post-title"] {
 
 
 input[type="image"] {
-  width: 35px;
+  width: -15px;
   height: auto;
+  top: 60px;
+  position: absolute;
 }
 
 
@@ -114,7 +116,7 @@ input[type="image"] {
 
 input[type="image"] {
   position: absolute;
-  top: 442px;
+  top: 412px;
   float: right;
   right: 385px;
   z-index: 9999;
@@ -249,6 +251,7 @@ button:hover {
 
 .post {
   margin-bottom: 15px;
+  font-weight: lighter;
 }
 
 .post h2 {
@@ -710,6 +713,7 @@ line-height: 16px;
   margin-left: 450px;
   word-wrap: break-word;
   margin-right: 2%;
+  font-weight: lighter;
 }
 
 svg {
@@ -766,27 +770,50 @@ svg {
 
 
     /* Styles for the modal container */
-    .modal-container {
-      display: none;
+/* Styles for the modal container */
+.modal-container {
+  display: none;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.5);
+  justify-content: center;
+  align-items: center;
+  z-index: 999;
+  backdrop-filter: blur(10px); /* Adjust the blur radius as needed */
+}
+
+/* Styles for the modal content */
+.modal-content {
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 5px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+
+
+    #showModalBtn {
       position: fixed;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background-color: rgba(0, 0, 0, 0.5);
-      justify-content: center;
-      align-items: center;
-      z-index: 999;
+      bottom: 20px;
+      right: 20px;
+      background-color: transparent;
+      border: none;
+      cursor: pointer;
+      z-index: 9999; /* Ensure the button is above other elements */
     }
-
-    /* Styles for the modal content */
-    .modal-content {
-      background-color: #fff;
-      padding: 20px;
-      border-radius: 5px;
-      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+    
+    #imageUploadImg {
+        /* Existing styles */
+        display: flex;
+        justify-content: center;
+        text-align: center;
+        height: 60px;
+        margin-top: -20px;
     }
 
-    #showModalBtn {
-      
+    #draftSnippetText {
+      margin-left: 40%;
+      color: #6466E9;
     }