senaduka/old-lab_ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added status bars. Formatting other cards

Browse Source
This commit is contained in:
Rohit
2019-06-04 18:25:45 -04:00
parent dbd8de27cc
commit 3d8246dc09
2 changed files with 315 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
client/app/main.css
View File

@@ -175,11 +175,31 @@ html, body {
background: #182048;
}
.status-container .action-button {
height: 30px;
}
.status-container .action-button > button {
height: 100%;
border-radius: 0;
color: #EDF0F4;
font-size : 14pt;
background: #182048;
width: 100%;
border-radius: 0 30px 30px 0;
}
.control-card-six .button-area > button {
height: 50%;
font-size: 12pt;
}
.control-card .panel-heading i {
position: absolute;
right: 25px;
font-size: 17px;
}
.nav-pills li a {
border-radius: 0;
color: #EDF0F4;
@@ -213,6 +233,62 @@ html, body {
font-size : 12pt;
}
.status-container .status-list .list-group-horizontal{
display: flex;
flex-wrap: wrap;
}
.status-list .list-group {
margin-bottom: 0px;
}
.status-list .list-group-item {
border: none;
background: none;
padding: 0px;
margin: 0 5px 0 5px;
}
.panel.panel-horizontal {
display:table;
width:100%;
}
.panel.panel-horizontal > .panel-heading, .panel.panel-horizontal > .panel-body, .panel.panel-horizontal > .panel-footer {
display:table-cell;
}
.panel.panel-horizontal > .panel-heading, .panel.panel-horizontal > .panel-footer {
border:0;
vertical-align: middle;
}
.panel.panel-horizontal > .panel-heading {
border-right: 1px solid #ddd;
border-radius: 30px 0 0 30px;
font-size: 12pt;
width: 20%;
padding: 5px 10px;
}
.panel.panel-horizontal > .panel-footer {
border-left: 1px solid #ddd;
border-radius: 0 30px 30px 0;
width: 20%;
padding: 0px;
border-color: #3573FB;
}
.panel.panel-horizontal > .panel-body {
height: auto;
padding: 0px;
font-size: 12pt;
padding: 5px 10px;
}
.btn {
white-space: normal;
word-wrap: break-word;
}