'select_form'

app/templates/create_bookmark.html

@@ -1,14 +1,6 @@
 {% extends "base.html" %}
 
 {% block content %}
-<script type="text/javascript">
-  function CheckOtherToShowTextBox(val){
-   var element=document.getElementById('web_group');
-   if(val=='custom')
-     element.style.display='block';
-   else  
-     element.style.display='none';
-  }
   
 </script>  
     <div class="container py-5 h-100">
@@ -43,14 +35,14 @@
                     </div>
 
                     <div class="form-outline mb-4">
-                        <label class="form-label" for="web_group">Group Name</label><br>
-                        <select name="web_group" onchange='CheckOtherToShowTextBox(this.value);'> 
+                        <label class="form-label" for="web_group">Existing Groups</label><br>
+                        <select name="web_group" style="padding-right: 130px;"> 
                           {% for bg in bgroups %}
                           <option name="web_group" value={{ bg.group }}>{{ bg.group }}</option>
                           {% endfor %}
                           <option value="custom">Custom</option>   
                         </select>
-                        <input type="text" name="web_group" id="web_group" style='display:none;position:relative; left:150px; top:-20px;'/>
+                        <input type="text" name="web_group" id="web_group" style='position:relative; left:50px; padding-right: 60px;' placeholder="Create new group here"/>
                     </div>  
                     
                     <div class="form-outline mb-4">