Manually fix remaining stylelint issues

res/css/views/elements/_AccessibleButton.scss

@@ -14,14 +14,14 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_AccessibleButton:focus {
-    outline: 0;
-}
-
 .mx_AccessibleButton {
     cursor: pointer;
 }
 
+.mx_AccessibleButton:focus {
+    outline: 0;
+}
+
 .mx_AccessibleButton_disabled {
     cursor: default;
 }

res/css/views/elements/_AddressSelector.scss

@@ -21,7 +21,6 @@ limitations under the License.
     max-height: 116px;
     overflow-y: auto;
     border-radius: 3px;
-    background-color: $primary-bg-color;
     border: solid 1px $accent-color;
     cursor: pointer;
 }

res/css/views/elements/_Dropdown.scss

@@ -51,13 +51,6 @@ limitations under the License.
     background: $primary-fg-color;
 }
 
-.mx_Dropdown_input > .mx_Dropdown_option {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    flex: 1;
-}
-
 .mx_Dropdown_option {
     height: 35px;
     line-height: 35px;
@@ -65,6 +58,13 @@ limitations under the License.
     padding-right: 8px;
 }
 
+.mx_Dropdown_input > .mx_Dropdown_option {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex: 1;
+}
+
 .mx_Dropdown_option div {
     overflow: hidden;
     text-overflow: ellipsis;

res/css/views/elements/_Field.scss

@@ -110,12 +110,12 @@ limitations under the License.
     max-width: calc(100% - 20px); // 100% of parent minus margin and padding
 }
 
+.mx_Field_labelAlwaysTopLeft label,
+.mx_Field select + label, /* Always show a select's label on top to not collide with the value */,
 .mx_Field input:focus + label,
 .mx_Field input:not(:placeholder-shown) + label,
 .mx_Field textarea:focus + label,
-.mx_Field textarea:not(:placeholder-shown) + label,
-.mx_Field select + label /* Always show a select's label on top to not collide with the value */,
-.mx_Field_labelAlwaysTopLeft label {
+.mx_Field textarea:not(:placeholder-shown) + label {
     transition:
         font-size 0.25s ease-out 0s,
         color 0.25s ease-out 0s,
@@ -144,6 +144,7 @@ limitations under the License.
     color: $greyed-fg-color;
 }
 
+/* stylelint-disable no-descending-specificity */
 .mx_Field_valid {
     &.mx_Field,
     &.mx_Field:focus-within {
@@ -167,6 +168,7 @@ limitations under the License.
         color: $input-invalid-border-color;
     }
 }
+/* stylelint-enable no-descending-specificity */
 
 .mx_Field_tooltip {
     margin-top: -12px;

res/css/views/elements/_ManageIntegsButton.scss

@@ -16,6 +16,7 @@ limitations under the License.
 
 .mx_ManageIntegsButton_error {
     position: relative;
+    float: right;
     cursor: not-allowed;
 }
 
@@ -25,18 +26,6 @@ limitations under the License.
     top: -5px;
 }
 
-.mx_ManageIntegsButton_error {
-    float: right;
-}
-
-.mx_ManageIntegsButton_error .mx_ManageIntegsButton_errorPopup {
-    display: none;
-}
-
-.mx_ManageIntegsButton_error:hover .mx_ManageIntegsButton_errorPopup {
-    display: inline;
-}
-
 .mx_ManageIntegsButton_errorPopup {
     position: absolute;
     top: 110%;
@@ -51,3 +40,11 @@ limitations under the License.
     text-align: center;
     z-index: 1000;
 }
+
+.mx_ManageIntegsButton_error .mx_ManageIntegsButton_errorPopup {
+    display: none;
+}
+
+.mx_ManageIntegsButton_error:hover .mx_ManageIntegsButton_errorPopup {
+    display: inline;
+}

res/css/views/elements/_RichText.scss

@@ -13,12 +13,6 @@
     padding-left: 5px;
 }
 
-.mx_EventTile_body .mx_UserPill,
-.mx_EventTile_body .mx_RoomPill,
-.mx_EventTile_body .mx_GroupPill {
-    cursor: pointer;
-}
-
 /* More specific to override `.markdown-body a` text-decoration */
 .mx_EventTile_content .markdown-body a.mx_Pill {
     text-decoration: none;
@@ -64,6 +58,12 @@
     padding-right: 5px;
 }
 
+.mx_EventTile_body .mx_UserPill,
+.mx_EventTile_body .mx_RoomPill,
+.mx_EventTile_body .mx_GroupPill {
+    cursor: pointer;
+}
+
 .mx_UserPill .mx_BaseAvatar,
 .mx_RoomPill .mx_BaseAvatar,
 .mx_GroupPill .mx_BaseAvatar,

res/css/views/elements/_ToggleSwitch.scss

@@ -44,10 +44,10 @@ limitations under the License.
     top: 0;
 }
 
-.mx_ToggleSwitch:not(.mx_ToggleSwitch_on) > .mx_ToggleSwitch_ball {
-    left: 2px;
-}
-
 .mx_ToggleSwitch_on > .mx_ToggleSwitch_ball {
     left: 23px; // 48px switch - 20px ball - 5px padding = 23px
 }
+
+.mx_ToggleSwitch:not(.mx_ToggleSwitch_on) > .mx_ToggleSwitch_ball {
+    left: 2px;
+}