From b100d1542fe4f083aacb5679e7a1434be877d649 Mon Sep 17 00:00:00 2001
From: Graham Hayes <graham.hayes@hpe.com>
Date: Sat, 28 May 2016 23:44:32 +0200
Subject: [PATCH] Change Layout of Path + Sub Title

With very long URI paths the wrapping either
looks weird or there is no charecter for it to
wrap on.

This moves the URI to its own line, and moves some
of the other elements aroud slightly.

Also changes the font of the subtitle to make it more apparent.

Change-Id: I36e7420224f69eaa5f4dceb18d910b40377b76c4
---
 os_api_ref/__init__.py                 | 6 ++++--
 os_api_ref/assets/api-site.css         | 7 ++++++-
 os_api_ref/tests/test_basic_example.py | 2 +-
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/os_api_ref/__init__.py b/os_api_ref/__init__.py
index 6cf2373..d4c219f 100644
--- a/os_api_ref/__init__.py
+++ b/os_api_ref/__init__.py
@@ -470,8 +470,10 @@ def rest_method_html(self, node):
       <span class="glyphicon glyphicon-link"></span></a>
     <span class="label label-%(method)s">%(method)s</span>
     </div>
-    <div class="col-md-5">%(url)s</div>
-    <div class="col-md-5">%(desc)s</div>
+    <div class="row col-md-9">
+    <div class="row col-md-12">%(url)s</div>
+    <div class="row col-md-12"><p class="url-subtitle">%(desc)s</p></div>
+    </div>
     <div class="col-md-1">
     <button
        class="btn btn-info btn-sm btn-detail"
diff --git a/os_api_ref/assets/api-site.css b/os_api_ref/assets/api-site.css
index 00c2fd2..f2999c0 100644
--- a/os_api_ref/assets/api-site.css
+++ b/os_api_ref/assets/api-site.css
@@ -139,4 +139,9 @@ span.path_parameter {
     color: #fff;
     background-color: #31b0d5;
     border-color: #269abc;
-}
\ No newline at end of file
+}
+
+p.url-subtitle {
+  color: #555;
+  font-weight: bold;
+}
diff --git a/os_api_ref/tests/test_basic_example.py b/os_api_ref/tests/test_basic_example.py
index 7c16fd8..26e594b 100644
--- a/os_api_ref/tests/test_basic_example.py
+++ b/os_api_ref/tests/test_basic_example.py
@@ -67,7 +67,7 @@ class TestBasicExample(base.TestCase):
             '<span class="label label-GET">GET</span>',
             str(content))
         self.assertIn(
-            '<div class="col-md-5">/servers</div>',
+            '<div class="row col-md-12">/servers</div>',
             str(content))
         self.assertIn(
             ('<button class="btn btn-info btn-sm btn-detail" '