Improved Webdav user form.

Author: Till Brehm

interface/web/sites/templates/webdav_user_edit.htm

@@ -19,14 +19,25 @@ <h1><tmpl_var name="list_head_txt"></h1>
                         </select></div>
                 </tmpl_if>
             </div>
-            <div class="form-group">
+			<div class="form-group">
                 <label for="username" class="col-sm-3 control-label">{tmpl_var name='username_txt'}</label>
-                <p class="prefix">{tmpl_var name='username_prefix'}</p>
-                <div class="col-sm-6"><input type="text" name="username" id="username" value="{tmpl_var name='username'}" class="form-control" <tmpl_if name="edit_disabled"></div><div class="col-sm-3 input-sm">disabled="disabled"</div></tmpl_if>/>
+                <div class="col-sm-9">
+					<div class="input-group">
+						<span class="input-group-addon" id="username-desc">{tmpl_var name='username_prefix'}</span>
+						<input type="text" name="username" id="username" value="{tmpl_var name='username'}" class="form-control" aria-describedby="username-desc" />
+					</div>
+				</div>
             </div>
-            <div class="form-group">
+			<div class="form-group">
                 <label for="password" class="col-sm-3 control-label">{tmpl_var name='password_txt'}</label>
-                <div class="col-sm-6"><input type="password" name="password" id="password" value="{tmpl_var name='password'}" class="form-control" autocomplete="off" onkeyup="pass_check(this.value);checkPassMatch('password','repeat_password');"/></div><div class="col-sm-3 input-sm">&nbsp;</div><a href="javascript:void(0);" onclick="generatePassword('password','repeat_password');">{tmpl_var name='generate_password_txt'}</a>
+                <div class="col-sm-9">
+				<div class="input-group">
+					<input type="password" name="password" id="password" value="{tmpl_var name='password'}" class="form-control" autocomplete="off" onkeyup="pass_check(this.value);checkPassMatch('password','repeat_password');" />
+					<span class="input-group-btn">
+						<button class="btn btn-default" type="button" onclick="generatePassword('password','repeat_password');">{tmpl_var name='generate_password_txt'}</button>
+					</span>
+				</div>
+				</div>
             </div>
             <div class="form-group">
                 <label class="col-sm-3 control-label">{tmpl_var name='password_strength_txt'}</label>
@@ -44,14 +55,16 @@ <h1><tmpl_var name="list_head_txt"></h1>
                     {tmpl_var name='active'}
                 </div>
             </div>
-            <div class="form-group">
+			<div class="form-group">
                 <label for="dir" class="col-sm-3 control-label">{tmpl_var name='dir_txt'}</label>
-                <p class="prefix">webdav/</p>
-                <div class="col-sm-6"><input type="text" name="dir" id="dir" value="{tmpl_var name='dir'}" class="form-control" <tmpl_if name="edit_disabled"></div><div class="col-sm-3 input-sm">disabled="disabled"</div></tmpl_if>/>
+                <div class="col-sm-9">
+					<div class="input-group">
+						<span class="input-group-addon" id="dir-desc">webdav/</span>
+						<input type="text" name="dir" id="dir" value="{tmpl_var name='dir'}" class="form-control" aria-describedby="dir-desc" />
+					</div>
+				</div>
             </div>
 
-        
-
         <input type="hidden" name="id" value="{tmpl_var name='id'}">
 
         <div class="clear"><div class="right">