style fixes, source fix

OpenStackweb · Aug 9, 2024 · 9a7cfc0 · 9a7cfc0
1 parent d084bae
commit 9a7cfc0
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 7 deletions.
diff --git a/themes/openstack/scss/vmwaremigration.scss b/themes/openstack/scss/vmwaremigration.scss
@@ -89,6 +89,10 @@ img.center {
   color: #fff;
 }
 
+a.source {
+  color: #333;
+}
+
 .download-btn:hover {
   text-decoration: none;
   background: #831917; }
@@ -167,7 +171,7 @@ table.vmwmigration-table {
   border-collapse: collapse;
   width: 100%;
   max-width: 1000px;
-  margin: 0 auto;
+  margin: 0 auto 15px;
   font-family: Arial, sans-serif;
 }
 .vmwmigration-table th {
@@ -183,10 +187,12 @@ table.vmwmigration-table {
   vertical-align: top;
 }
 .vmwmigration-table td p {
-  font-size: 12px;
+  font-size: 13px;
+  font-weight: 400;
   color: #333;
   text-align: left;
   margin-left: 10px;
+  margin-top: 10px;
 }
 .vmwmigration-table th {
   background-color: #f2f2f2;
@@ -220,9 +226,15 @@ table.vmwmigration-table {
   margin-top: 20px;
 }
 
-.vmwmigration-table-source {
-  font-size: 10px;
+p.vmwmigration-table-source {
+  font-size: 12px;
   font-style: italic;
+  margin-top: 20px;
+}
+
+.vmwmigration-table-source a {
+  color: #333;
+  text-decoration: underline;
 }
 
 /* -- 5 Columns -- */

diff --git a/themes/openstack/templates/Layout/VMWareMigration.ss b/themes/openstack/templates/Layout/VMWareMigration.ss
@@ -483,10 +483,10 @@
                                 </tr>
                             </tbody>
                         </table>
+                        <p class="vmwmigration-table-source">
+                            Source: <a class="source" href="https://cloudification.io/vmware-alternative/">Cloudification</a>
+                        </p>
                     </div>
-                    <p class="vmwmigration-table-source">
-                        Source: <a href="https://cloudification.io/vmware-alternative/">Cloudification</a>
-                    </p>
                 </div>
             </div> <!-- .container -->
         </section>