UI improvements

Author: ArturMoczulski

public/css/RollbarWordpressSettings.css

@@ -17,11 +17,6 @@
     color: hsla(0,0%,100%,.75);
 }
 
-#rollbar_settings_advanced table tr td p {
-    display: inline;
-    margin-left: 20px;
-}
-
 h2.rollbar-header {
     background: #2e5174;
     padding: 1em;
@@ -31,4 +26,14 @@ h2.rollbar-header {
 
 h2.rollbar-header .logo {
     margin-right: 0.5em;
+}
+
+.form-table .description {
+    font-size: 0.8em;
+    font-style: normal;
+}
+
+.setting-inputs {
+    float: left;
+    margin-right: 10px;
 }

src/Settings.php

@@ -206,7 +206,9 @@ function addSettings()
                 'type' => UI::getSettingType('enable_must_use_plugin'),
                 'default' => \Rollbar\Wordpress\Defaults::enableMustUsePlugin(),
                 'description' => __('Allows Rollbar plugin to be loaded as early ' .
-                                    'as possible as a Must-Use plugin.', 'rollbar'),
+                                    'as possible as a Must-Use plugin. Activating / ' .
+                                    'deactivating the plugin in the plugins admin panel ' .
+                                    'won\'t have an effect as long as this option in enabled.', 'rollbar'),
                 'display_name' => __('Enable as a Must-Use plugin', 'rollbar')
             )
         );

src/UI.php

@@ -9,6 +9,10 @@ public static function setting($args)
     {
         extract($args);
 
+        ?>
+        <div class="setting-inputs">
+        <?php
+        
         switch ($type) {
             case self::SETTING_INPUT_TYPE_TEXT:
                 self::textInput($name, $value);
@@ -26,6 +30,10 @@ public static function setting($args)
 
         self::restoreDefault($name, $type, $default);
 
+        ?>
+        </div>
+        <?php
+        
         if (!empty($description)) {
             self::description($description);
         }
@@ -49,7 +57,7 @@ class="button button-secondary rollbar_wp_restore_default"
     public static function description($description)
     {
         ?>
-        <p>
+        <p class="description">
             <?php _e($description, 'rollbar-wp'); ?>
         </p>
         <?php