From 205d3f9d12ef0a4cbbd0fdbaddf42a550c861813 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Mon, 7 Oct 2019 17:22:15 -0400
Subject: [PATCH] fix: groups not visible on widget panes

---
 src/views/admin/partials/widget-settings.tpl | 46 +++++++++-----------
 1 file changed, 20 insertions(+), 26 deletions(-)

diff --git a/src/views/admin/partials/widget-settings.tpl b/src/views/admin/partials/widget-settings.tpl
index 38d8739a56..3c15bd6148 100644
--- a/src/views/admin/partials/widget-settings.tpl
+++ b/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>
-    <ul class="nav nav-tabs" role="tablist">
-      <li role="presentation" class="active"><a href="#showto" aria-controls="showto" role="tab" data-toggle="tab">Show to</a></li>
-      <li role="presentation"><a href="#hidefrom" aria-controls="hidefrom" role="tab" data-toggle="tab">Hide from</a></li>
-    </ul>
-
-    <div class="tab-content">
-      <div role="tabpanel" class="tab-pane active" id="showto">
-        <select name="groups" class="form-control" multiple size="10">
-            <!-- BEGIN groups -->
-            <option value="{groups.displayName}">{groups.displayName}</option>
-            <!-- END groups -->
-        </select>
-      </div>
-      <div role="tabpanel" class="tab-pane" id="hidefrom">
-        <select name="groupsHideFrom" class="form-control" multiple size="10">
-            <!-- BEGIN groups -->
-            <option value="{groups.displayName}">{groups.displayName}</option>
-            <!-- END groups -->
-        </select>
-      </div>
-    </div>
+<div class="row">
+  <div class="col-lg-6">
+    <label>Show to groups</label>
+    <select name="groups" class="form-control" multiple size="10">
+        <!-- BEGIN groups -->
+        <option value="{groups.displayName}">{groups.displayName}</option>
+        <!-- END groups -->
+    </select>
+  </div>
+  <div class="col-lg-6">
+      <label>Hide from groups</label>
+      <select name="groups" class="form-control" multiple size="10">
+          <!-- BEGIN groups -->
+          <option value="{groups.displayName}">{groups.displayName}</option>
+          <!-- END groups -->
+      </select>
+  </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>