Update style

This commit is contained in:
brantje 2016-09-28 00:25:21 +02:00
parent 389fd23b66
commit af3c7b0b99
5 changed files with 19 additions and 16 deletions

View file

@ -272,11 +272,9 @@
flex-wrap: wrap; }
#app-content #app-content-wrapper .grid-view .credential {
display: flex;
padding: 0.5em;
width: 100%;
border: 1px solid rgba(240, 240, 240, 0.9);
border: 2px solid rgba(240, 240, 240, 0.9);
margin: 25px;
cursor: pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
@ -286,16 +284,20 @@
flex-direction: column;
background-color: #fff;
width: 100%;
cursor: pointer;
font-size: 1.75em;
text-align: center; }
#app-content #app-content-wrapper .grid-view .credential .credential_content .label {
padding-top: 1em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
line-height: 1.3em; }
#app-content #app-content-wrapper .grid-view .credential .credential_content .tags .tag {
margin-top: 5px;
display: inline-block; }
line-height: 1.3em;
color: #ddd; }
#app-content #app-content-wrapper .grid-view .credential .credential_content .tags {
margin-bottom: 0.5em; }
#app-content #app-content-wrapper .grid-view .credential .credential_content .tags .tag {
margin-top: 5px;
display: inline-block; }
@media all and (min-width: 40em) {
#app-content #app-content-wrapper .grid-view .credential {
width: 40%; } }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -155,28 +155,29 @@
flex-wrap: wrap;
.credential{
display: flex;
padding: 0.5em;
width: 100%;
border: 1px solid rgba(240,240,240,.9);
border: 2px solid rgba(240,240,240,.9);
margin: 25px;
cursor: pointer;
@include border-radius(5px);
.credential_content{
display: flex;
flex-direction: column;
background-color: #fff;
width: 100%;
cursor: pointer;
font-size: 1.75em;
text-align: center;
.label{
padding-top: 1em;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
line-height: 1.3em;
color: #ddd;
}
.tags{
margin-bottom: 0.5em;
.tag{
margin-top: 5px;
display: inline-block;
}

View file

@ -80,7 +80,7 @@
ng-if="credential.hidden == 0 && showCredentialRow(credential)"
ng-click="selectCredential(credential)"
color-from-string="credential.label">
<div class="credential_content">
<div class="credential_content" use-theme>
<div class="label">{{credential.label}}</div>
<div class="tags">
<div class="tag" ng-repeat="tag in credential.tags_raw">{{tag.text}}</div>