Add basic styles for 'add column' button

* Minor code refactoring.
Nagellan · Apr 23, 2019 · 9d4d03f · 9d4d03f
1 parent 84808ba
commit 9d4d03f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -37,10  37,10 @@
                     <div class="card col-container">Task 2</div>
                 </div>
 
-                <button class="add-card col-container"><span class="plus-icon"> </span> Add a new card</button>
                 <button class="add-card add-btn col-container"><span class="plus-icon"> </span> Add a new card</button>
             </div>
 
-            <button id="add-column" class="column col-container"></button>
             <button class="add-column add-btn column col-container"><span class="plus-icon"> </span> Add new column</button>
         </main>
     </body>
 </html>
diff --git a/styles.css b/styles.css
@@ -91,10  91,7 @@ main::-webkit-scrollbar {
     margin-bottom: 10px;
 }
 
-.add-card {
-    width: 100%;
-    box-sizing: border-box;
-
 .add-btn {    
     font-family: "Roboto", sans-serif;
     font-size: 17px;
     text-align: left;
@@ -105,14  102,24 @@ main::-webkit-scrollbar {
     align-items: center;
 }
 
-.add-card:hover {
 .add-btn:hover {
     color: #737373;
 }
 
 .add-card {
     width: 100%;
     box-sizing: border-box;
 }
 
 .add-column {
     flex-direction: row;
     align-self: flex-start;
 }
 
 .plus-icon {
     font-size: 30px;
     font-weight: 300;
     line-height: 20px;
-    
 
     margin-right: 10px;
 }