From cd4cb89f5a20b3fed8d528c8a873a21e248e3eaa Mon Sep 17 00:00:00 2001
From: razvanaldea89 <razvan.aldea89@yahoo.ro>
Date: Thu, 14 Feb 2019 08:24:35 +0200
Subject: [PATCH] css fix / form.html update / fix part 2

---
 build/css/custom.css |   8 ---
 production/form.html | 122 +++++++++++++++++++++++++------------------
 2 files changed, 70 insertions(+), 60 deletions(-)

diff --git a/build/css/custom.css b/build/css/custom.css
index 5b58b7a3..54d30a62 100644
--- a/build/css/custom.css
+++ b/build/css/custom.css
@@ -2287,14 +2287,6 @@ a.star {
     width: 100%;
 }
 
-button,
-.buttons,
-.btn,
-.modal-footer .btn + .btn {
-    margin-bottom: 5px;
-    margin-right: 5px;
-}
-
 .btn-group-vertical .btn, .btn-group .btn {
     margin-bottom: 0;
     margin-right: 0;
diff --git a/production/form.html b/production/form.html
index 9cf668eb..32e704fb 100755
--- a/production/form.html
+++ b/production/form.html
@@ -1127,60 +1127,64 @@
                                             <form class="form-horizontal form-label-left">
 
                                                 <div class="form-group">
-                                                    <label class="col-sm-3 control-label">Button addons</label>
+                                                    <div class="row">
+                                                        <label class="col-sm-3 control-label">Button addons</label>
 
-                                                    <div class="col-sm-9">
-                                                        <div class="input-group">
+                                                        <div class="col-sm-9">
+                                                            <div class="input-group">
                             <span class="input-group-btn">
                                               <button type="button" class="btn btn-primary">Go!</button>
                                           </span>
-                                                            <input type="text" class="form-control">
-                                                        </div>
-                                                        <div class="input-group">
-                                                            <input type="text" class="form-control">
-                                                            <span class="input-group-btn">
+                                                                <input type="text" class="form-control">
+                                                            </div>
+                                                            <div class="input-group">
+                                                                <input type="text" class="form-control">
+                                                                <span class="input-group-btn">
                                               <button type="button" class="btn btn-primary">Go!</button>
                                           </span>
+                                                            </div>
                                                         </div>
                                                     </div>
                                                 </div>
                                                 <div class="divider-dashed"></div>
 
                                                 <div class="form-group">
-                                                    <label class="col-sm-3 control-label">Button addons</label>
+                                                    <div class="row">
+                                                        <label class="col-sm-3 control-label">Button addons</label>
 
-                                                    <div class="col-sm-9">
-                                                        <div class="input-group">
-                                                            <input type="text" class="form-control"
-                                                                   aria-label="Text input with dropdown button">
-                                                            <div class="input-group-btn">
-                                                                <button type="button"
-                                                                        class="btn btn-default dropdown-toggle"
-                                                                        data-toggle="dropdown"
-                                                                        aria-expanded="false">
-                                                                    Action
-                                                                    <span class="caret"></span>
-                                                                </button>
-                                                                <ul class="dropdown-menu dropdown-menu-right"
-                                                                    role="menu">
-                                                                    <li><a href="#">Action</a>
-                                                                    </li>
-                                                                    <li><a href="#">Another action</a>
-                                                                    </li>
-                                                                    <li><a href="#">Something else here</a>
-                                                                    </li>
-                                                                    <li class="divider"></li>
-                                                                    <li><a href="#">Separated link</a>
-                                                                    </li>
-                                                                </ul>
+                                                        <div class="col-sm-9">
+                                                            <div class="input-group">
+                                                                <input type="text" class="form-control"
+                                                                       aria-label="Text input with dropdown button">
+                                                                <div class="input-group-btn">
+                                                                    <button type="button"
+                                                                            class="btn btn-default dropdown-toggle"
+                                                                            data-toggle="dropdown"
+                                                                            aria-expanded="false">
+                                                                        Action
+                                                                        <span class="caret"></span>
+                                                                    </button>
+                                                                    <ul class="dropdown-menu dropdown-menu-right"
+                                                                        role="menu">
+                                                                        <li><a href="#">Action</a>
+                                                                        </li>
+                                                                        <li><a href="#">Another action</a>
+                                                                        </li>
+                                                                        <li><a href="#">Something else here</a>
+                                                                        </li>
+                                                                        <li class="divider"></li>
+                                                                        <li><a href="#">Separated link</a>
+                                                                        </li>
+                                                                    </ul>
+                                                                </div>
+                                                                <!-- /btn-group -->
                                                             </div>
-                                                            <!-- /btn-group -->
-                                                        </div>
-                                                        <div class="input-group">
-                                                            <input type="text" class="form-control">
-                                                            <span class="input-group-btn">
+                                                            <div class="input-group">
+                                                                <input type="text" class="form-control">
+                                                                <span class="input-group-btn">
                               <button type="button" class="btn btn-primary">Go!</button>
                             </span>
+                                                            </div>
                                                         </div>
                                                     </div>
                                                 </div>
@@ -1342,11 +1346,14 @@
                                             <div class="ln_solid"></div>
 
                                             <div class="form-group">
-                                                <label class="control-label col-md-3 col-sm-3 col-xs-12">Resizable Text
-                                                    area</label>
-                                                <div class="col-md-9 col-sm-9 col-xs-12">
+                                                <div class="row">
+                                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">Resizable
+                                                        Text
+                                                        area</label>
+                                                    <div class="col-md-9 col-sm-9 col-xs-12">
                                         <textarea class="resizable_textarea form-control"
                                                   placeholder="This text area automatically resizes its height as you fill in more text courtesy of autosize-master it out..."></textarea>
+                                                    </div>
                                                 </div>
                                             </div>
                                         </div>
@@ -1550,7 +1557,7 @@
                                             </div>
                                         </div>
                                         <div class="form-group">
-                                            <div clas="row">
+                                            <div class="row">
                                                 <label class="control-label col-md-3" for="last-name">Last Name <span
                                                         class="required">*</span>
                                                 </label>
@@ -1570,7 +1577,7 @@
                                         grid
                                         <b>.col-</b> class or wrap the form in the <b>form-vertical</b> class.
                                     </p>
-                                    <div class="col-md-8 center-margin">
+                                    <div class="col-md-8 offset-md-2">
                                         <form class="form-horizontal form-label-left">
                                             <div class="form-group">
                                                 <label>Email address</label>
@@ -1590,21 +1597,32 @@
                                         left-aligned
                                         and inline-block controls.
                                     </p>
-                                    <form class="form-inline">
-                                        <div class="form-group">
-                                            <label for="ex3">Email address</label>
-                                            <input type="text" id="ex3" class="form-control" placeholder=" ">
+                                    <form class="row">
+                                        <div class="form-group col-md-12">
+                                            <div class="row">
+                                                <label for="ex3" class="col-md-12">Email address</label>
+                                                <div class=" col-md-12">
+                                                    <input type="text" id="ex3" class="form-control"
+                                                           placeholder=" ">
+                                                </div>
+                                            </div>
                                         </div>
-                                        <div class="form-group">
-                                            <label for="ex4">Email address</label>
-                                            <input type="email" id="ex4" class="form-control" placeholder=" ">
+                                        <div class="form-group col-md-12">
+                                            <div class="row">
+                                                <label for="ex4" class="col-md-12">Email address</label>
+                                                <div class=" col-md-12">
+                                                    <input type="email" id="ex4" class="form-control" placeholder=" ">
+                                                </div>
+                                            </div>
                                         </div>
-                                        <div class="checkbox">
+                                        <div class="checkbox col-md-12">
                                             <label>
                                                 <input type="checkbox"> Remember me
                                             </label>
                                         </div>
-                                        <button type="submit" class="btn btn-default">Send invitation</button>
+                                        <div class="col-md-12">
+                                            <button type="submit" class="btn btn-default">Send invitation</button>
+                                        </div>
                                     </form>
                                 </div>
                             </div>