finished settings UI

src/components/styled/SettingsModal.styled.jsx

@@ -68,9 +68,10 @@ export const StyledModal = styled(Modal)`
     margin: 5px;
   }
 
-  input {
+  textarea {
     width: 80%;
     margin-left: 7%;
+    min-height: 50px;
   }
 
   .all-div {
@@ -86,9 +87,17 @@ export const StyledModal = styled(Modal)`
     button {
       display: inline-block;
       margin-right: 5px;
+      margin-left: 5px;
     }
   }
 
+  .cache-button {
+    margin: auto;
+    margin-bottom: 10px;
+    display: block;
+    text-align: center;
+  }
+
   .settings-option {
     margin: 5px 0 5px 0;
     padding-left: 23px;
@@ -132,23 +141,25 @@ export const StyledModal = styled(Modal)`
     height: 1px;
     background-color: currentColor;
     position: absolute;
-    left: 25px;
-    top: 50%;
+    left: 28px;
+    top: 13px; /* Change this value according to your needs */
   }
 
   .settings-input::after {
     content: '';
     display: block;
     width: 1px;
-    height: 8px;
+    height: 12px;
     background-color: currentColor;
     position: absolute;
-    left: 25px;
-    top: calc(50% - 8px);
+    left: 28px;
+    top: 1px; /* Change this value according to your needs */
   }
 
 
 
+
+
   ${({ selectedStyle }) => {
     switch (selectedStyle) {
       case 'Yotsuba':