[reclaim-ui] 79/459: polish ui

[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 e7a88f989aeb268fc17baea1b64bc6653f8672f7
Author: Schanzenbach, Martin <mschanzenbach@posteo.de>
AuthorDate: Sat Jun 8 15:17:47 2019 +0200

    polish ui
---
 src/app/app.component.scss                         |  3 ---
 src/app/identity-list/identity-list.component.html | 19 ++++++++++---------
 src/app/identity-list/identity-list.component.scss |  1 -
 src/styles.scss                                    |  2 +-
 4 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index bd603b1..6aef6c9 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -7,10 +7,7 @@
 }
 
 .logo {
-  font-family: Audiowide;
   font-size: 32px;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
-  background-color: #fff;
   text-align: center;
   padding: 0.25em;
 }
diff --git a/src/app/identity-list/identity-list.component.html 
b/src/app/identity-list/identity-list.component.html
index a9e7aed..8ab5008 100644
--- a/src/app/identity-list/identity-list.component.html
+++ b/src/app/identity-list/identity-list.component.html
@@ -27,10 +27,10 @@
 </div>
 </ng-template>
 
-<div class="card" *ngIf="(null != identityInEdit) && !isAddIdentity()">
+<div class="m-2 card" *ngIf="(null != identityInEdit) && !isAddIdentity()">
   <div class="card-avatar card-img-top">
     <div class="card-avatar-character text-dark">
-      Manage identity: {{ identityInEdit.name }}
+      Manage identity: <i>{{ identityInEdit.name }}</i>
     </div>
   </div>
   <div class="card-body">
@@ -156,8 +156,9 @@
   <div class="card" *ngFor="let identity of identities">
     <div class="card-avatar card-img-top">
       <div class="card-avatar-character text-dark">
-        <div class="icon m-1 text-uppercase" 
[style.background-color]="intToRGB(identity.pubkey)">{{ identity.name[0]}}</div>
-        <span class="m-1" styl="display: inline-block">{{identity.name}}</span>
+        <!--<div class="icon m-1 text-uppercase" 
[style.background-color]="intToRGB(identity.pubkey)">{{ 
identity.name[0]}}</div>-->
+        <i class="fa fa-user-circle"></i>
+        <span class="m-1" styl="display: inline-block"><i> 
{{identity.name}}</i></span>
         <button class="btn btn-primary" *ngIf="showConfirmDelete != identity" 
(click)="confirmDelete(identity)">
           <span class="fa fa-trash"></span>
         </button>
@@ -190,7 +191,7 @@
     <div class="card-body">
       <div>
         <h6 class="card-subtitle mb-2" *ngIf="hasAttributes(identity)">
-          <strong>Attributes:</strong>
+          <strong>Information:</strong>
         </h6>
         <h6 class="card-subtitle mb-2" *ngIf="!hasAttributes(identity)">
           This identity has no attributes
@@ -227,10 +228,10 @@
 
 
 </div>
-<div *ngIf="isAddIdentity()" class="card" style="text-align:center;">
+<div *ngIf="isAddIdentity()" class="m-2 card" style="text-align:center;">
   <div class="card-avatar card-img-top">
     <div class="card-avatar-character text-dark">
-      New Identity        </div>
+      Add Identity        </div>
   </div>
   <div *ngIf="'' !== newIdentity.name && !canSave()" class="alert alert-danger 
alert-dismissible fade show" role="alert">
     Only Alphanumeric input. No spaces or special characters allowed.
@@ -242,10 +243,10 @@
     <input [class.text-danger]="'' !== newIdentity.name && !canSave()" 
style="text-align: center; border: 1px solid #111;" 
(keyup.enter)="saveIdentity()" pattern="^[a-zA-Z0-9-]+" placeholder="Username" 
title="Only Alphanumeric input. No spaces or special characters allowed." 
class="mr-2" [(ngModel)]="newIdentity.name" autofocus>
     <br/>
     <br/>
-    <button [disabled]="!canSave()" [style.inactive]="!canSave()"  class="btn 
btn-primary" (click)="saveIdentity()">
+    <button [disabled]="!canSave()" [style.inactive]="!canSave()"  class="-1 
btn btn-primary" (click)="saveIdentity()">
       <span class="fa fa-save"></span> Save
     </button>
-    <button class="btn btn-danger" (click)="cancelAddIdentity()">
+    <button class="m-1 btn btn-danger" (click)="cancelAddIdentity()">
       <span class="fa fa-close"></span> Cancel
     </button>
   </div>
diff --git a/src/app/identity-list/identity-list.component.scss 
b/src/app/identity-list/identity-list.component.scss
index 34f2a25..c952854 100644
--- a/src/app/identity-list/identity-list.component.scss
+++ b/src/app/identity-list/identity-list.component.scss
@@ -14,7 +14,6 @@ div.card-avatar {
 
 div.card-avatar-character {
     font-size: 2em;
-    border: 1px solid white;
 }
 
 div.card-avatar-id {
diff --git a/src/styles.scss b/src/styles.scss
index 87377b9..1fce514 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -15,7 +15,7 @@ body {
 
 div.card {
   box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.5);
-  border-radius: 0;
+  border-radius: 1em;
 }
 
 .btn:disabled {

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