Update: replace div with li, move styles to global styles

Author: AbduazizZiyodov

src/client/src/app/core/image/pull-list/pull-list.component.html

@@ -29,7 +29,7 @@ <h2 class="text-center">
       </blockquote>
 
       <ul class="list-group list-group-light">
-        <div class="list-group-item m-auto" *ngFor="let task of tasks">
+        <li class="list-group-item m-auto" *ngFor="let task of tasks">
           <p>
             <span class="fw-bold">{{ task.repository }}</span>
 
@@ -73,7 +73,7 @@ <h2 class="text-center">
             >
             </textarea>
           </div>
-        </div>
+        </li>
       </ul>
     </div>
   </div>

src/client/src/app/core/image/pull-list/pull-list.component.scss

@@ -1,15 +0,0 @@
-textarea {
-  padding: 8px;
-  font-family: "Ubuntu Mono";
-  color: white;
-  white-space: pre-line;
-  border-radius: 5px;
-  background-color: #000;
-  border: 1px solid #000;
-  background-color: rgb(41, 41, 41);
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07),
-    0 4px 6px -2px rgba(0, 0, 0, 0.05);
-
-  font-size: 15px;
-  resize: none;
-}

src/client/src/styles.scss

@@ -39,9 +39,18 @@
   text-transform: capitalize;
 }
 
-
-
-
-body {
-  overflow-x: hidden;
+textarea {
+  resize: none;
+  width: 100%;
+  padding: 8px;
+  color: white;
+  font-size: 15px;
+  margin-bottom: 5px;
+  font-family: "mono";
+  border-radius: 10px;
+  white-space: pre-line;
+  border: 10px solid rgb(41, 41, 41);
+  background-color: rgb(41, 41, 41);
+  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07),
+    0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }