From 4ce1cfddba81d4f508668e95511dc77634f3f52e Mon Sep 17 00:00:00 2001
From: Diana Whitten <hurgleburgler@gmail.com>
Date: Tue, 17 Nov 2015 15:03:20 -0700
Subject: [PATCH] usage.html doesn't need such specific styles.

usage.html has a lot of style to it, lets just keep it simple and
inherit from Bootstrap.  Also, list-inline is already a style that
we can take advantage of.

Change-Id: I3509596d6adb7dc5e4f8684c73f60a52bf532bcf
Partially-Implements: blueprint horizon-theme-css-reorg
Partially-Implements: blueprint bootstrap-html-standards
---
 .../overview/templates/overview/usage.html    |  4 ++--
 .../static/dashboard/scss/horizon.scss        | 22 -------------------
 2 files changed, 2 insertions(+), 24 deletions(-)

diff --git a/openstack_dashboard/dashboards/admin/overview/templates/overview/usage.html b/openstack_dashboard/dashboards/admin/overview/templates/overview/usage.html
index 414f3ea69c..c99bf96782 100644
--- a/openstack_dashboard/dashboards/admin/overview/templates/overview/usage.html
+++ b/openstack_dashboard/dashboards/admin/overview/templates/overview/usage.html
@@ -5,8 +5,8 @@
 {% block main %}
   {% if monitoring %}
     <div id="monitoring">
-      <h3>{% trans "Monitoring:" %} </h3>
-      <ul id="external_links">
+      <div class="h4">{% trans "Monitoring:" %} </div>
+      <ul class="list-inline" id="external_links">
         {% for link in monitoring %}
           <li><a target="_blank" href="{{ link.1 }}">{{ link.0 }}</a></li>
         {% endfor %}
diff --git a/openstack_dashboard/static/dashboard/scss/horizon.scss b/openstack_dashboard/static/dashboard/scss/horizon.scss
index 9cda6b29ed..49fef75c59 100644
--- a/openstack_dashboard/static/dashboard/scss/horizon.scss
+++ b/openstack_dashboard/static/dashboard/scss/horizon.scss
@@ -241,28 +241,6 @@ a.current_item:hover h4 {
   font-size: 24px;
 }
 
-#monitoring {
-  background: $body-bg;
-  font-size: 14px;
-  height: 20px;
-  margin: -18px 0 25px;
-  padding: 10px;
-  border: 1px solid $border-color;
-}
-
-#monitoring h3 {
-    font-size: 14px;
-    font-weight: normal;
-    float: left;
-    line-height: 18px;
-}
-
-#external_links, #external_links li {
-    float: left;
-}
-#external_links li { margin: 0 0 0 15px; }
-
-
 /* Forms */
 
 .datepicker {