From 799b9b2eff2696c5aa639efa5261ba5cb0bc0285 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Fri, 25 Dec 2020 16:42:39 +0100
Subject: [PATCH] Edit profile button

---
 components/01_Atoms/button/_button.scss       | 12 +++++++++++-
 components/02_Molecules/userInfo/userInfo.hbs |  1 +
 public/main.css                               |  6 ++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/components/01_Atoms/button/_button.scss b/components/01_Atoms/button/_button.scss
index a7a3b20..9603939 100644
--- a/components/01_Atoms/button/_button.scss
+++ b/components/01_Atoms/button/_button.scss
@@ -7,7 +7,17 @@
     font-weight: bold;
     cursor: pointer;
     white-space: nowrap;
+  
+    &--fullWidth {
+        text-align: center;
+    }
 
+    &.LP-Link {
+        display: block;
+        &:hover {
+            color: $-almost-white
+        }
+    }
     &:active {
         background-color: $-wine-red;
         color: $-almost-white;
@@ -22,4 +32,4 @@
             background-color: $-almost-white;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/components/02_Molecules/userInfo/userInfo.hbs b/components/02_Molecules/userInfo/userInfo.hbs
index 16b1588..62e8dec 100644
--- a/components/02_Molecules/userInfo/userInfo.hbs
+++ b/components/02_Molecules/userInfo/userInfo.hbs
@@ -40,5 +40,6 @@
 				</td>
 			</tr>
 		</table>
+		<a href="#" class="LP-Button LP-Button--fullWidth LP-Link">Edit profile</a>
 	</div>
 </div>
\ No newline at end of file
diff --git a/public/main.css b/public/main.css
index 75eb8b8..fdf2755 100644
--- a/public/main.css
+++ b/public/main.css
@@ -611,6 +611,12 @@ body {
   font-weight: bold;
   cursor: pointer;
   white-space: nowrap; }
+  .LP-Button--fullWidth {
+    text-align: center; }
+  .LP-Button.LP-Link {
+    display: block; }
+    .LP-Button.LP-Link:hover {
+      color: #f9f9f9; }
   .LP-Button:active {
     background-color: #76323F;
     color: #f9f9f9; }