From 4648520533ead03ef9cb4ebdd6c9ab61397c9e71 Mon Sep 17 00:00:00 2001
From: flashwave <me@flash.moe>
Date: Mon, 17 Sep 2018 17:38:49 +0200
Subject: [PATCH] laptop

---
 assets/less/mio/classes/profile/header.less | 18 ++++++++++++++++++
 templates/user/profile.twig                 |  7 +++++++
 2 files changed, 25 insertions(+)

diff --git a/assets/less/mio/classes/profile/header.less b/assets/less/mio/classes/profile/header.less
index 845c54be..f4f4b00a 100644
--- a/assets/less/mio/classes/profile/header.less
+++ b/assets/less/mio/classes/profile/header.less
@@ -37,6 +37,15 @@
 
         &__content {
             margin: 5px 10px;
+            flex: 1 1 auto;
+        }
+
+        &__relation {
+            font-variant: all-small-caps;
+            background: rgba(0, 0, 0, 0.5);
+            border-radius: 2px;
+            line-height: 1.2em;
+            padding: 1px 5px 4px;
         }
     }
 
@@ -69,6 +78,15 @@
             background-color: var(--accent-colour);
             text-shadow: initial;
         }
+
+        &--destroy {
+            color: #c00;
+            border-color: #c00;
+
+            &:hover {
+                background-color: #c00;
+            }
+        }
     }
 
     &__stats {
diff --git a/templates/user/profile.twig b/templates/user/profile.twig
index 573547e9..45effd0c 100644
--- a/templates/user/profile.twig
+++ b/templates/user/profile.twig
@@ -94,12 +94,19 @@
                         </div>
                     </div>
                 </div>
+
+                <!--div class="profile__header__details__relation">
+                    Follows you
+                </div-->
             </div>
 
             <div class="profile__header__options">
                 <div class="profile__header__actions">
                     {% if current_user.user_id|default(0) == profile.user_id %}
                         <a href="/settings.php" class="profile__header__action">Edit Profile</a>
+                    {# else %}
+                        <a href="#" class="profile__header__action">Add Friend</a>
+                        <a href="#" class="profile__header__action profile__header__action--destroy">Unfriend</a>#}
                     {% endif %}
                 </div>