aboutsummaryrefslogtreecommitdiff
path: root/src/app/components/profile
diff options
context:
space:
mode:
authorSyndamia <kamen.d.mladenov@protonmail.com>2021-03-19 19:46:05 +0200
committerSyndamia <kamen.d.mladenov@protonmail.com>2021-03-19 19:46:05 +0200
commit30fa7e2ee78d7efb7f404a7f440d60eb86b98f2f (patch)
tree21d49e24b99c3b1f6092aa7fed7b21e73f9b9b2b /src/app/components/profile
parent1721bb8f98ce8580fd188cd4c947e69641971ad5 (diff)
downloadDevHive-Angular-30fa7e2ee78d7efb7f404a7f440d60eb86b98f2f.tar
DevHive-Angular-30fa7e2ee78d7efb7f404a7f440d60eb86b98f2f.tar.gz
DevHive-Angular-30fa7e2ee78d7efb7f404a7f440d60eb86b98f2f.zip
Fixed bottom border of secondary info cards not being proper width when none message is shown
Diffstat (limited to 'src/app/components/profile')
-rw-r--r--src/app/components/profile/profile.component.css4
-rw-r--r--src/app/components/profile/profile.component.html4
2 files changed, 6 insertions, 2 deletions
diff --git a/src/app/components/profile/profile.component.css b/src/app/components/profile/profile.component.css
index 22ad320..c7e112f 100644
--- a/src/app/components/profile/profile.component.css
+++ b/src/app/components/profile/profile.component.css
@@ -16,6 +16,10 @@
margin-bottom: 0.3em;
}
+.none-message {
+ margin-bottom: 0.3em;
+}
+
.sec-info {
width: fit-content;
background-color: #424242;
diff --git a/src/app/components/profile/profile.component.html b/src/app/components/profile/profile.component.html
index 2a8786d..7632620 100644
--- a/src/app/components/profile/profile.component.html
+++ b/src/app/components/profile/profile.component.html
@@ -25,7 +25,7 @@
<div class="sec-info-title faded-slim-border border-bottom-only">
Languages
</div>
- <div *ngIf="user.languages.length === 0">
+ <div class="none-message" *ngIf="user.languages.length === 0">
None
</div>
<div class="flex-row" *ngFor="let lang of user.languages">
@@ -38,7 +38,7 @@
<div class="sec-info-title faded-slim-border border-bottom-only">
Technologies
</div>
- <div *ngIf="user.technologies.length === 0">
+ <div class="none-message" *ngIf="user.technologies.length === 0">
None
</div>
<div class="flex-row" *ngFor="let tech of user.technologies">