Lot of visual improvements

2022-03-04 23:47:52 +01:00
parent 8bc8f6eee0
commit efa34e30be
10 changed files with 133 additions and 46 deletions
--- a/src/app/active-list-tasks/active-list-tasks.component.scss
+++ b/src/app/active-list-tasks/active-list-tasks.component.scss
@@ -2,31 +2,30 @@
    max-width: 50rem;
    width: 90%;
    margin: 0 auto;
+    padding: 2rem;

    .task {
-        position: relative;
-        width: 100%;
-        height: 2.5rem;
-        display: flex;
-        align-items: center;
-        margin: .5rem 0;
-        
-        input {
-            width: 100%;
-            height: 100%;
-            padding: 0 3rem;
-            border-radius: .1rem;
-            border-style: none;
-            background-color: #444;
-        }
-
        &.new {
+            position: relative;
+            width: 100%;
+            display: flex;
+            align-items: center;
            margin-top: 1rem;
+            height: 2.5rem;

            mat-icon {
                position: absolute;
                left: 1rem;
            }
+
+            input {
+                width: 100%;
+                height: 100%;
+                padding: 0 3rem;
+                border-radius: .1rem;
+                border-style: none;
+                background-color: #444;
+            }
        }
    }
 }