html/css improvements for dashboard info boxes

Evolveum · Feb 18, 2017 · 7de586f · 7de586f
1 parent 56e41a4
commit 7de586f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/gui/admin-gui/src/main/java/com/evolveum/midpoint/web/component/box/InfoBoxPanel.html b/gui/admin-gui/src/main/java/com/evolveum/midpoint/web/component/box/InfoBoxPanel.html
@@ -17,8 +17,7 @@
 <!DOCTYPE html>
 <html xmlns:wicket="http://wicket.apache.org">
 <wicket:panel>
-
-	<div class="col-md-4 col-sm-8 col-xs-16">
+	<div class="col-md-4 col-sm-12 col-xs-12">
 		<div class="info-box" wicket:id="infoBox">
 			<span class="info-box-icon " wicket:id="infoBoxIcon">
 				<i class="fa "wicket:id="imageId"></i>
@@ -32,10 +31,7 @@
 				</div>
 				<span class="progress-description" wicket:id="description"/>
 			</div>
-
 		</div>
-
 	</div>
-
 </wicket:panel>
 </html>
diff --git a/gui/admin-gui/src/main/java/com/evolveum/midpoint/web/component/box/InfoBoxPanel.java b/gui/admin-gui/src/main/java/com/evolveum/midpoint/web/component/box/InfoBoxPanel.java
@@ -46,6 +46,9 @@ public class InfoBoxPanel extends Panel{
 
 	public InfoBoxPanel(String id, IModel<InfoBoxType> model) {
 		super(id, model);
+
+		add(AttributeModifier.append("class", "dashboard-info-box"));
+
 		initLayout(model, null);
 	}
 

diff --git a/gui/admin-gui/src/main/java/com/evolveum/midpoint/web/page/admin/home/PageDashboard.html b/gui/admin-gui/src/main/java/com/evolveum/midpoint/web/page/admin/home/PageDashboard.html
@@ -20,14 +20,14 @@
 <body>
 	<wicket:extend>
 		<div class="row">
-			<div class="dashboard-info-box" wicket:id="infoBoxUsers" />
-			<div class="dashboard-info-box" wicket:id="infoBoxOrgs" />
-			<div class="dashboard-info-box" wicket:id="infoBoxRoles" />
+			<div wicket:id="infoBoxUsers" />
+			<div wicket:id="infoBoxOrgs" />
+			<div wicket:id="infoBoxRoles" />
 		</div>
 		<div class="row">
-			<div class="dashboard-info-box" wicket:id="infoBoxServices" />
-			<div class="dashboard-info-box" wicket:id="infoBoxResources" />
-			<div class="dashboard-info-box" wicket:id="infoBoxTasks" />
+			<div wicket:id="infoBoxServices" />
+			<div wicket:id="infoBoxResources" />
+			<div wicket:id="infoBoxTasks" />
 		</div>
 		<div class="row">
 			<div class="col-md-6">