diff --git a/openstack_dashboard/dashboards/identity/projects/templates/projects/_detail_overview.html b/openstack_dashboard/dashboards/identity/projects/templates/projects/_detail_overview.html
index 2bdcc22266..b2aeae617d 100644
--- a/openstack_dashboard/dashboards/identity/projects/templates/projects/_detail_overview.html
+++ b/openstack_dashboard/dashboards/identity/projects/templates/projects/_detail_overview.html
@@ -1,6 +1,6 @@
{% load i18n %}
-
+
- {% trans "Project Name" %}
- {{ project.name }}
diff --git a/openstack_dashboard/dashboards/identity/users/templates/users/_detail_overview.html b/openstack_dashboard/dashboards/identity/users/templates/users/_detail_overview.html
index e8a2f81539..f26f9d0bce 100644
--- a/openstack_dashboard/dashboards/identity/users/templates/users/_detail_overview.html
+++ b/openstack_dashboard/dashboards/identity/users/templates/users/_detail_overview.html
@@ -1,6 +1,6 @@
{% load i18n %}
-
+
{% if domain_id %}
- {% trans "Domain ID" %}
diff --git a/openstack_dashboard/static/dashboard/scss/components/_workflow.scss b/openstack_dashboard/static/dashboard/scss/components/_workflow.scss
index 8284159161..154331a163 100644
--- a/openstack_dashboard/static/dashboard/scss/components/_workflow.scss
+++ b/openstack_dashboard/static/dashboard/scss/components/_workflow.scss
@@ -1,10 +1,4 @@
.workflow {
- .tab-content {
- border-left: 0 none;
- border-right: 0 none;
- border-bottom: 0 none;
- padding-top: 10px;
- }
fieldset > table {
margin-bottom: 0;
diff --git a/openstack_dashboard/static/dashboard/scss/horizon.scss b/openstack_dashboard/static/dashboard/scss/horizon.scss
index 9cda6b29ed..87b7685e3c 100644
--- a/openstack_dashboard/static/dashboard/scss/horizon.scss
+++ b/openstack_dashboard/static/dashboard/scss/horizon.scss
@@ -1277,27 +1277,6 @@ a:hover.link-popover { text-decoration: none; }
top: 0;
}
-/**** Details Override ****/
-.page-header > .breadcrumb {
- font-size: $font-size-h3;
- margin-bottom: 0;
-
- .actions_column {
- padding: 0;
- }
-}
-
-.detail {
- ul {
- padding-left: 0;
- }
-
- dt, dd {
- text-align: left;
- line-height: $line-height-small;
- }
-}
-
input::-ms-clear, input::-ms-reveal {
display: none;
}
diff --git a/openstack_dashboard/themes/default/bootstrap/components/_navs.scss b/openstack_dashboard/themes/default/bootstrap/components/_navs.scss
index 8b99aee9e6..0b10c2498c 100644
--- a/openstack_dashboard/themes/default/bootstrap/components/_navs.scss
+++ b/openstack_dashboard/themes/default/bootstrap/components/_navs.scss
@@ -23,4 +23,9 @@
& > li > .in {
border-bottom: 1px solid $gray-light;
}
-}
\ No newline at end of file
+}
+
+.nav-tabs {
+ // Spacing for content in details pages
+ margin-bottom: 10px;
+}
diff --git a/openstack_dashboard/themes/default/horizon/_styles.scss b/openstack_dashboard/themes/default/horizon/_styles.scss
index a165ae8728..88bbf9c3fb 100644
--- a/openstack_dashboard/themes/default/horizon/_styles.scss
+++ b/openstack_dashboard/themes/default/horizon/_styles.scss
@@ -5,9 +5,9 @@
@import 'components/tables';
@import 'components/table_actions';
@import 'components/pie_charts';
+@import 'components/breadcrumb_header';
.navbar-brand {
-
// The 114 is a legacy value to push the context-menu over
padding-right: 114px;
}
@@ -21,3 +21,14 @@ form label {
display: inline-block;
}
+/* Details page overrides */
+.detail {
+ ul {
+ padding-left: 0;
+ }
+
+ dt, dd {
+ text-align: left;
+ line-height: $line-height-small;
+ }
+}
diff --git a/openstack_dashboard/themes/default/horizon/components/_breadcrumb_header.scss b/openstack_dashboard/themes/default/horizon/components/_breadcrumb_header.scss
new file mode 100644
index 0000000000..58798e4914
--- /dev/null
+++ b/openstack_dashboard/themes/default/horizon/components/_breadcrumb_header.scss
@@ -0,0 +1,10 @@
+/* Breadcrumb used as a header in the details pages */
+.page-header > .breadcrumb {
+ font-size: $font-size-h3;
+ margin-bottom: 0;
+ padding: 8px 0px;
+
+ .actions_column {
+ padding: 0;
+ }
+}