From 55bee19963551d67c08a1de173c8be5f5fd3a79d Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Tue, 18 Feb 2020 12:23:18 -0800
Subject: [PATCH] app: cosmetic: Rename a CSS style class in app header

Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
---
 functional_tests/support/system.py   |  2 +-
 plinth/templates/header.html         |  2 +-
 static/themes/default/css/plinth.css | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/functional_tests/support/system.py b/functional_tests/support/system.py
index d6e5f7f42..2f7beb740 100644
--- a/functional_tests/support/system.py
+++ b/functional_tests/support/system.py
@@ -80,7 +80,7 @@ def set_language(browser, language_code):
 
 def check_language(browser, language_code):
     nav_to_module(browser, 'config')
-    return browser.find_by_css('.header-bar').first.find_by_tag(
+    return browser.find_by_css('.app-titles').first.find_by_tag(
         'h2').first.value == config_page_title_language_map[language_code]
 
 
diff --git a/plinth/templates/header.html b/plinth/templates/header.html
index 348d12ba5..be1c12ddb 100644
--- a/plinth/templates/header.html
+++ b/plinth/templates/header.html
@@ -15,7 +15,7 @@
   {% endif %}
 
   <section class="app-description" >
-    <section class='header-bar'>
+    <section class='app-titles'>
       {% block pagetitle %}
         {% if setup %}
           <h2>{% trans "Installation" %}: {{ app_info.short_description|default:'' }} ({{ app_info.name }})</h2>
diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css
index 901844d32..0af361868 100644
--- a/static/themes/default/css/plinth.css
+++ b/static/themes/default/css/plinth.css
@@ -558,13 +558,13 @@ a.menu_link_active {
     grid-column: 1;
 }
 
-.header-bar {
+.app-titles {
     display: flex;
     flex-flow: row;
     justify-content: space-between;
 }
 
-.header-bar .app-toggle-container,
+.app-titles .app-toggle-container {
     margin: auto 0;
 }
 
@@ -586,22 +586,22 @@ a.menu_link_active {
         margin-top: 0;
     }
 
-    .header-bar {
+    .app-titles {
         display: flex;
         flex-flow: column-reverse;
         justify-content: center;
         height: auto;
     }
 
-    .header-bar h2 {
+    .app-titles h2 {
         margin: 0 0 15px 0;
     }
 
-    .header-bar .app-toggle-container {
+    .app-titles .app-toggle-container {
         margin: 30px auto;
     }
 
-    .header-bar .toggle-button {
+    .app-titles .toggle-button {
         transform: scale(1.2);
     }
 }