diff options
| author | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-29 15:39:49 +0300 |
|---|---|---|
| committer | Syndamia <kamen.d.mladenov@protonmail.com> | 2021-03-29 15:39:49 +0300 |
| commit | 7fd2ee051cb541eac73901c1f67052219fc25584 (patch) | |
| tree | a25bdcdf4524d67fc11a1e73b5c6949cf27c65dd /src/app | |
| parent | 350657be9db0b51c06ccba2dd3e3a4b1702bcfb1 (diff) | |
| download | DevHive-Angular-7fd2ee051cb541eac73901c1f67052219fc25584.tar DevHive-Angular-7fd2ee051cb541eac73901c1f67052219fc25584.tar.gz DevHive-Angular-7fd2ee051cb541eac73901c1f67052219fc25584.zip | |
Made choosen and avaiable languages and technologies beside eachother in profile settings
Diffstat (limited to 'src/app')
| -rw-r--r-- | src/app/components/profile-settings/profile-settings.component.html | 24 |
1 files changed, 12 insertions, 12 deletions
diff --git a/src/app/components/profile-settings/profile-settings.component.html b/src/app/components/profile-settings/profile-settings.component.html index d42ba28..60cd2e0 100644 --- a/src/app/components/profile-settings/profile-settings.component.html +++ b/src/app/components/profile-settings/profile-settings.component.html @@ -67,12 +67,12 @@ <button type="button" class="fg-focus width-full border-faded-slim padding-dot3 lighter-hover click-effect margin-top-dot4" (click)="toggleLanguages()"> ▼ Edit Languages ▼ </button> - <section *ngIf="showLanguages"> - <section class="margin-top-dot5"> + <section class="flex-row flexible-children" *ngIf="showLanguages"> + <section class="margin-top-dot5 padding-right-1"> <div class="none-message" *ngIf="chosenLanguages.length === 0"> You haven't chosen any languages! </div> - <div *ngIf="chosenLanguages.length > 0"> + <div class="border-faded-slim border-bottom-only" *ngIf="chosenLanguages.length > 0"> Chosen languages: </div> <div class="flex-row margin-top-dot4"> @@ -81,11 +81,11 @@ </div> </div> </section> - <section> + <section class="margin-top-dot5"> <div class="none-message" *ngIf="availableLanguages.length === 0"> - No languages available! + No other languages available! </div> - <div *ngIf="availableLanguages.length > 0"> + <div class="border-faded-slim border-bottom-only" *ngIf="availableLanguages.length > 0"> Available languages: </div> <div class="flex-row margin-top-dot4"> @@ -98,12 +98,12 @@ <button type="button" class="fg-focus width-full border-faded-slim padding-dot3 lighter-hover click-effect margin-top-dot4" (click)="toggleTechnologies()"> ▼ Edit Technologies ▼ </button> - <section *ngIf="showTechnologies"> - <section class="margin-top-dot5 border-faded-slim border-bottom-only margin-bot-dot5"> + <section class="flex-row flexible-children" *ngIf="showTechnologies"> + <section class="margin-top-dot5 padding-right-1"> <div class="none-message" *ngIf="chosenTechnologies.length === 0"> You haven't chosen any technologies! </div> - <div *ngIf="chosenTechnologies.length > 0"> + <div class="border-faded-slim border-bottom-only" *ngIf="chosenTechnologies.length > 0"> Chosen technologies: </div> <div class="flex-row margin-top-dot4"> @@ -112,11 +112,11 @@ </div> </div> </section> - <section> + <section class="margin-top-dot5"> <div class="none-message" *ngIf="availableTechnologies.length === 0"> - No technologies available! + No other technologies available! </div> - <div *ngIf="availableTechnologies.length > 0"> + <div class="border-faded-slim border-bottom-only" *ngIf="availableTechnologies.length > 0"> Available technologies: </div> <div class="flex-row margin-top-dot4"> |