From 9d4d03fa78c12f194751330ad04c510291543c68 Mon Sep 17 00:00:00 2001
From: Nagellan <31626879+Nagellan@users.noreply.github.com>
Date: Wed, 24 Apr 2019 01:00:54 +0300
Subject: [PATCH] Add basic styles for 'add column' button * Minor code
 refactoring.

---
 index.html |  4 ++--
 styles.css | 19 +++++++++++++------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index 9c12155..be78636 100644
--- 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
index 7f0e575..5189478 100644
--- 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;
 }
\ No newline at end of file