webapp: fixed dashboard stats item css.

This commit is contained in:
Shreyas Zare
2019-05-11 12:36:04 +05:30
parent 52b375d8eb
commit 61e56ab418
2 changed files with 16 additions and 13 deletions

View File

@@ -22,6 +22,7 @@ a {
margin-bottom: -32px;
box-shadow: 0px 1px 15px 0px #888888;
width: 100%;
min-width: 970px;
}
#header .title {
@@ -104,6 +105,7 @@ a {
clear: both;
position: relative;
height: 55px;
min-width: 970px;
}
#footer .content {
@@ -124,22 +126,24 @@ a {
color: #6699ff;
}
@media (min-width: 768px) {
#header .title, .container, #footer .content {
width: 750px;
}
}
@media (min-width: 992px) {
#header .title, .container, #footer .content {
width: 970px;
}
.stats-panel .stats-item {
padding: 4px !important;
}
}
@media (min-width: 1200px) {
#header .title, .container, #footer .content {
width: 1170px;
}
.stats-panel .stats-item {
padding: 6px !important;
}
}
.form-inline .form-group {
@@ -260,11 +264,10 @@ label {
}
.stats-panel .stats-item {
width: 107px;
width: 9.7%;
float: left;
padding: 6px;
margin-right: 3px;
margin-bottom: 3px;
margin-right: 0.3%;
}
.stats-panel .stats-item .number {

View File

@@ -176,14 +176,14 @@
<div class="stats-item allowedZones">
<div class="number" id="divDashboardStatsAllowedZones">10</div>
<div class="percentage">&nbsp;</div>
<div class="title">Allowed Zones</div>
<div class="percentage">Zones</div>
<div class="title">Allowed</div>
</div>
<div class="stats-item blockedZones">
<div class="number" id="divDashboardStatsBlockedZones">10</div>
<div class="percentage">&nbsp;</div>
<div class="title">Blocked Zones</div>
<div class="percentage">Zones</div>
<div class="title">Blocked</div>
</div>
</div>