Edit profile button

2020-12-25 16:42:39 +01:00
parent b4fba7b3f0
commit 799b9b2eff
3 changed files with 18 additions and 1 deletions
--- 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;
        }
    }
-}
+}
--- 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>