From cddfa62e2702c6e14a1519f8c9cbc4f8d2033044 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 17 Mar 2016 02:24:48 +0000
Subject: [PATCH] reorder the push settings as off, on, loud - fixes
 https://github.com/vector-im/vector-web/issues/1117

---
 .../views/settings/Notifications.js           | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/views/settings/Notifications.js b/src/components/views/settings/Notifications.js
index 792db55f79..bd68276cb6 100644
--- a/src/components/views/settings/Notifications.js
+++ b/src/components/views/settings/Notifications.js
@@ -28,13 +28,13 @@ var Modal = require('matrix-react-sdk/lib/Modal');
  * @enum {string}
  */
 var PushRuleVectorState = {
+    /** The push rule is disabled */
+    OFF: "off",
     /** The user will receive push notification for this rule */
     ON: "on",
     /** The user will receive push notification for this rule with sound and
         highlight if this is legitimate */
     LOUD: "loud",
-    /** The push rule is disabled */
-    OFF: "off"
 };
 
 // Encodes a dictionary of {
@@ -840,6 +840,13 @@ module.exports = React.createClass({
                     {title}
                 </th>
 
+                <th>
+                    <input className= {className + "-" + PushRuleVectorState.OFF}
+                        type="radio"
+                        checked={ pushRuleVectorState === PushRuleVectorState.OFF }
+                        onChange={ this.onNotifStateButtonClicked } />
+                </th>
+
                 <th>
                     <input className= {className + "-" + PushRuleVectorState.ON}
                         type="radio"
@@ -853,13 +860,6 @@ module.exports = React.createClass({
                         checked={ pushRuleVectorState === PushRuleVectorState.LOUD }
                         onChange={ this.onNotifStateButtonClicked } />
                 </th>
-
-                <th>
-                    <input className= {className + "-" + PushRuleVectorState.OFF}
-                        type="radio"
-                        checked={ pushRuleVectorState === PushRuleVectorState.OFF }
-                        onChange={ this.onNotifStateButtonClicked } />
-                </th>
             </tr>
         );
     },
@@ -997,9 +997,9 @@ module.exports = React.createClass({
                             <thead>
                                 <tr>
                                     <th width="55%"></th>
+                                    <th width="15%">Off</th>
                                     <th width="15%">On</th>
                                     <th width="15%">Loud</th>
-                                    <th width="15%">Off</th>
                                 </tr>
                             </thead>
                             <tbody>