From bcab15752b4aca2e059b0a69006d6e132c4ca233 Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Fri, 19 Mar 2021 20:18:46 +0200
Subject: Made a minor tweak on profile names padding, to improve mobile
 compatibility

---
 src/app/components/profile/profile.component.html | 2 +-
 src/styles.css                                    | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/app/components/profile/profile.component.html b/src/app/components/profile/profile.component.html
index 8d157b3..7ba701d 100644
--- a/src/app/components/profile/profile.component.html
+++ b/src/app/components/profile/profile.component.html
@@ -7,7 +7,7 @@
 		<div>
 			<img id="profile-picture" class="round-image" [src]="user.profilePictureURL">
 		</div>
-		<div class="flexible flex-col flex-center-align-items flex-justify-center">
+		<div class="flexible flex-col flex-center-align-items flex-justify-center side-padding-smaller">
 			<div class="text-centered">
 				{{ user.firstName }} {{ user.lastName }}
 			</div>
diff --git a/src/styles.css b/src/styles.css
index 66fedf7..a1754e4 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -234,6 +234,11 @@ input[type=file]::file-selector-button {
   padding: 0.1em;
 }
 
+.side-padding-smaller {
+  padding-right: 0.3em;
+  padding-left: 0.3em;
+}
+
 /* Cards */
 
 .card {
-- 
cgit v1.2.3