From a3218b2d7934febdf759948dc6d845634e333e78 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Fri, 27 Mar 2020 13:19:56 -0700
Subject: [PATCH] networks: Make styling more specific to avoid interference

Tests performed:

- Visit networks page, observe that activate/de-activatge buttons have similar
width of 7em (as per inspector).

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Veiko Aasa <veiko17@disroot.org>
---
 plinth/modules/networks/templates/connections_list.html       | 4 ++--
 plinth/modules/networks/templates/networks_configuration.html | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/plinth/modules/networks/templates/connections_list.html b/plinth/modules/networks/templates/connections_list.html
index 5927f7c09..ee96a38d0 100644
--- a/plinth/modules/networks/templates/connections_list.html
+++ b/plinth/modules/networks/templates/connections_list.html
@@ -32,7 +32,7 @@
         </a>
 
         {% if connection.is_active %}
-          <form class="form pull-right" method="post"
+          <form class="form form-action pull-right" method="post"
                 action="{% url 'networks:deactivate' connection.uuid %}">
             {% csrf_token %}
 
@@ -40,7 +40,7 @@
               {% trans "Deactivate" %}</button>
           </form>
         {% else %}
-          <form class="form pull-right" method="post"
+          <form class="form form-action pull-right" method="post"
                 action="{% url 'networks:activate' connection.uuid %}">
             {% csrf_token %}
 
diff --git a/plinth/modules/networks/templates/networks_configuration.html b/plinth/modules/networks/templates/networks_configuration.html
index 5da805ef8..62cbc1420 100644
--- a/plinth/modules/networks/templates/networks_configuration.html
+++ b/plinth/modules/networks/templates/networks_configuration.html
@@ -29,11 +29,11 @@
         margin: -2px 0;
     }
 
-    .form.pull-right {
+    .form-action.pull-right {
         margin-right: 20px;
     }
 
-    .form button {
+    .form-action button {
         width: 7em;
     }
   </style>