[reclaim-ui] 310/459: fix margins, checkboxes

[gnunet]

This is an automated email from the git hooks/post-receive script.

martin-schanzenbach pushed a commit to branch master
in repository reclaim-ui.

commit f155d50e3c320d9df0302a738104d10ece9ded62
Author: Martin Schanzenbach <mschanzenbach@posteo.de>
AuthorDate: Wed Sep 2 13:57:00 2020 +0200

    fix margins, checkboxes
---
 src/app/edit-credentials/edit-credentials.component.html | 10 ++++++----
 src/app/edit-credentials/edit-credentials.component.ts   |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/edit-credentials/edit-credentials.component.html 
b/src/app/edit-credentials/edit-credentials.component.html
index df2262a..0bf7189 100644
--- a/src/app/edit-credentials/edit-credentials.component.html
+++ b/src/app/edit-credentials/edit-credentials.component.html
@@ -29,7 +29,7 @@
       </div>
       <div *ngIf="!newIdProviderDiscovered()" class="my-2 col-lg-4">
         <input placeholder="user@example.com" [(ngModel)]="webfingerEmail">
-        <button *ngIf="!newIdProviderDiscovered()" class="btn btn-primary mb-4 
fhg-link" (click)="discoverIdProvider()">
+        <button *ngIf="!newIdProviderDiscovered()" class="btn btn-primary 
fhg-link" (click)="discoverIdProvider()">
           <span class="fa fa-search"></span> Check compatibility
         </button>
       </div>
@@ -37,9 +37,11 @@
       <!--Link account-->
       <div *ngIf="newIdProviderDiscovered() && !loggedIn()" class="mb-3 px-2">
           <div class="mx-n2">Available claims to request:</div>
-          <div *ngFor="let scope of scopes" class="form-check mx-2">
-            <input type="checkbox" class="form-check-input" id="scopes" 
[disabled]="necessaryScope(scope.scope)" [(ngModel)]="scope.chosen">
-            <label class="form-check-label" 
for="scope.chosen">{{scope.scope}}</label>
+          <div *ngFor="let scope of scopes" class="mx-2">
+            <i class="fa text-primary" [class.fa-toggle-off]="!scope.chosen" 
[class.fa-toggle-on]="scope.chosen" 
[class.text-muted]="necessaryScope(scope.scope)" 
(click)="!necessaryScope(scope.scope) && scope.chosen = !scope.chosen"></i>
+            <span class="ml-1" 
[class.text-muted]="necessaryScope(scope.scope)">{{scope.scope}}</span>
+            <!--<input type="checkbox" class="form-check-input" id="scopes" 
[disabled]="necessaryScope(scope.scope)" [(ngModel)]="scope.chosen">-->
+            <!--<label class="form-check-label" 
for="scope.chosen">{{scope.scope}}</label>-->
           </div>
         <button class="btn btn-primary mb-1 mt-2 fhg-link" 
(click)="loginFhgAccount()">
           <span class="fa fa-link"></span> Link
diff --git a/src/app/edit-credentials/edit-credentials.component.ts 
b/src/app/edit-credentials/edit-credentials.component.ts
index ff54397..f97b357 100644
--- a/src/app/edit-credentials/edit-credentials.component.ts
+++ b/src/app/edit-credentials/edit-credentials.component.ts
@@ -350,7 +350,7 @@ export class EditCredentialsComponent implements OnInit {
   }
 
   necessaryScope(scope){
-    if(scope=="openid"||scope=="profile"){
+    if (scope=="openid" || scope=="profile") {
       return true;
     }
     return false;

-- 
To stop receiving notification emails like this one, please contact
gnunet@gnunet.org.