laptop

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 {

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>