edited css of tabs

app/forms.py

@@ -39,8 +39,8 @@ class AddtoStackForm(FlaskForm):
     select_stack = SelectField('Stacks', validators=[InputRequired()])
 
 class EditStackForm(FlaskForm):
-    edit_stack_name = SelectField('Stack', validators=[InputRequired()])
-    edit_stack_description = SelectField('Description', validators=[InputRequired()])
+    edit_stack_name = StringField('Stack', validators=[InputRequired()])
+    edit_stack_description = StringField('Description', validators=[InputRequired()])
 
 class SearchForm(FlaskForm):
     choices = [('All', 'All'),

app/static/css/style.css

@@ -184,7 +184,7 @@ font-size: 12px;
 }
 
 .ui-tabs-vertical { width: 100em; border-top: 0;}
-.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 12em; }
+.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 15em; -webkit-appearance: none;}
 .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
 .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 0; background-color: #A9A9A9}

app/views.py

@@ -309,9 +309,9 @@ def edit_stack_by_id(id):
     form = EditStackForm()
 
     if request.method == 'POST':
-        if edit_stack_form.validate_on_submit():
-            stack_name = form.stack_name.data
-            stack_description = form.stack_description.data
+        if form.validate_on_submit():
+            stack_name = form.edit_stack_name.data
+            stack_description = form.edit_stack_description.data
         db.session.commit()
         return redirect(url_for('show_stack_by_id', id=id))
     return render_template('edit_stack_detail.html', stack=stack, form=form)