fix: groups not visible on widget panes

src/views/admin/partials/widget-settings.tpl

@@ -1,36 +1,30 @@
 <br />
-<label>Title:</label>
+<label>Title</label>
 <input type="text" class="form-control" name="title" placeholder="Title (only shown on some containers)" /><br />
 
-<label>Container:</label>
+<label>Container</label>
 <textarea rows="4" class="form-control container-html" name="container" placeholder="Drag and drop a container or enter HTML here."></textarea>
 
 <br/>
-<label>Groups:</label>
+<div class="row">
-<div>
+  <div class="col-lg-6">
-    <ul class="nav nav-tabs" role="tablist">
+    <label>Show to groups</label>
-      <li role="presentation" class="active"><a href="#showto" aria-controls="showto" role="tab" data-toggle="tab">Show to</a></li>
+    <select name="groups" class="form-control" multiple size="10">
-      <li role="presentation"><a href="#hidefrom" aria-controls="hidefrom" role="tab" data-toggle="tab">Hide from</a></li>
+        <!-- BEGIN groups -->
-    </ul>
+        <option value="{groups.displayName}">{groups.displayName}</option>
-
+        <!-- END groups -->
-    <div class="tab-content">
+    </select>
-      <div role="tabpanel" class="tab-pane active" id="showto">
+  </div>
-        <select name="groups" class="form-control" multiple size="10">
+  <div class="col-lg-6">
-            <!-- BEGIN groups -->
+      <label>Hide from groups</label>
-            <option value="{groups.displayName}">{groups.displayName}</option>
+      <select name="groups" class="form-control" multiple size="10">
-            <!-- END groups -->
+          <!-- BEGIN groups -->
-        </select>
+          <option value="{groups.displayName}">{groups.displayName}</option>
-      </div>
+          <!-- END groups -->
-      <div role="tabpanel" class="tab-pane" id="hidefrom">
+      </select>
-        <select name="groupsHideFrom" class="form-control" multiple size="10">
+  </div>
-            <!-- BEGIN groups -->
-            <option value="{groups.displayName}">{groups.displayName}</option>
-            <!-- END groups -->
-        </select>
-      </div>
-    </div>
 </div>
 
 <div class="checkbox">
-<label><input name="hide-mobile" type="checkbox"> Hide on mobile?</input></label>
+<label><input name="hide-mobile" type="checkbox"> Hide on mobile</input></label>
 </div>