From 040ef7388695ebc5d229f1ab22e40d553d90a8c8 Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Fri, 15 Jul 2016 11:22:10 +0100
Subject: [PATCH] Simple refactor of the primary indicator, now it's a class.
 Also added a global selector to remove the ugly firefox dotted line highlight

---
 src/skins/vector/css/common.css | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/src/skins/vector/css/common.css b/src/skins/vector/css/common.css
index be8d7cfa09..74005a3549 100644
--- a/src/skins/vector/css/common.css
+++ b/src/skins/vector/css/common.css
@@ -58,6 +58,11 @@ input[type=text]:focus, textarea:focus {
     box-shadow: none;
 }
 
+/* Prevent ugly dotted highlight around selected elements in Firefox */
+::-moz-focus-inner {
+    border: 0;
+}
+
 /* applied to side-panels and messagepanel when in RoomSettings */
 .mx_fadable {
     opacity: 1;
@@ -202,28 +207,15 @@ input[type=text]:focus, textarea:focus {
     margin-right: 8px;
     padding-left: 1.5em;
     padding-right: 1.5em;
+    outline: none;
 
     color: #76cfa6;
     background-color: #fff;
-    outline: none;
 }
 
-/* The first button in a dialog is the primary */
-.mx_Dialog button:first-child, .mx_Dialog input[type="submit"]:first-child {
-    border: 0px;
-    height: 36px;
-    border-radius: 40px;
-    border: solid 1px #76cfa6;
-    font-weight: 400;
-    font-size: 15px;
-    margin-left: 0px;
-    margin-right: 8px;
-    padding-left: 1.5em;
-    padding-right: 1.5em;
-
+.mx_Dialog .mx_Dialog_primary {
     color: #fff;
     background-color: #76cfa6;
-    outline: none;
 }
 
 .mx_Dialog_title {