From dba0e40020d4a63f72a37520ae4a53ce82f31b52 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Tue, 7 May 2019 16:04:59 -0700
Subject: [PATCH] apps: Style the title for disabled icons section

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
---
 plinth/templates/cards.html          |  2 +-
 static/themes/default/css/plinth.css | 17 +++++++++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/plinth/templates/cards.html b/plinth/templates/cards.html
index 8b1b41be4..b49a984c9 100644
--- a/plinth/templates/cards.html
+++ b/plinth/templates/cards.html
@@ -56,7 +56,7 @@
 
   {% if show_secondary %}
     <div class="container card-container">
-      <div class="card-title text-center">{% trans "Disabled" %}</div>
+      <div class="card-section-title text-center">{% trans "Disabled" %}</div>
       <div class="row">
         <div class="card-list card-list-secondary">
           {% for item in submenu.sorted_items %}
diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css
index a80787311..fdc9a2c95 100644
--- a/static/themes/default/css/plinth.css
+++ b/static/themes/default/css/plinth.css
@@ -308,6 +308,23 @@ footer {
     filter: grayscale(1) opacity(1);
 }
 
+.card-section-title {
+    display: flex;
+    font-style: italic;
+    font-weight: 800;
+    font-size: 20px;
+    padding: 0 4.6rem;
+    margin: 2rem 0;
+}
+
+.card-section-title:before, .card-section-title:after {
+    color: white;
+    content: '';
+    flex: 1;
+    border-bottom: #d4d4d4 solid 2px;
+    margin: auto 1.8rem;
+}
+
 a.menu_link {
     text-decoration: none;
 }