improve widgets

angular_app/event-edit.html

@@ -13,7 +13,7 @@
         </div>
 
         <div class="input-group input-group-lg">
-            <span class="input-group-addon">{{'Title' | translate}}</span>
+            <span class="input-group-addon min100">{{'Title' | translate}}</span>
             <input type="text" class="form-control" placeholder="{{'Title' | translate}}" ng-model="event.title" ng-required="1">
         </div>
 
@@ -49,6 +49,6 @@
             </div>
         </div>
 
-        <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>
+        <input type="submit" class="outside-screen" />
     </form>
 </div>

angular_app/event-info.html

@@ -83,23 +83,23 @@
                     <div class="panel-body">
                         <form>
                             <div class="input-group input-group-sm">
-                                <span class="input-group-addon">{{'Name' | translate}}</span>
+                                <span class="input-group-addon min70-compact">{{'Name' | translate}}</span>
                                 <input type="text" class="form-control" placeholder="{{'Name' | translate}}" ng-model="newPerson.name" ng-required="1">
                             </div>
                             <div class="input-group input-group-sm top5">
-                                <span class="input-group-addon">{{'Surname' | translate}}</span>
+                                <span class="input-group-addon min70-compact">{{'Surname' | translate}}</span>
                                 <input type="text" class="form-control" placeholder="{{'Surname' | translate}}" ng-model="newPerson.surname">
                             </div>
                             <div class="input-group top5">
-                                <span class="input-group-addon">{{'Email' | translate}}</span>
+                                <span class="input-group-addon min70-compact">{{'Email' | translate}}</span>
                                 <input type="email" name="email" class="form-control" placeholder="{{'name.surname@example.com' | translate}}"  ng-model="newPerson.email">
                             </div>
                             <div class="input-group top5">
-                                <span class="input-group-addon">{{'Company' | translate}}</span>
+                                <span class="input-group-addon min70-compact">{{'Company' | translate}}</span>
                                 <input name="company" class="form-control" placeholder="{{'Acme Corporation' | translate}}"  ng-model="newPerson.company">
                             </div>
                             <div class="input-group top5">
-                                <span class="input-group-addon">{{'Job' | translate}}</span>
+                                <span class="input-group-addon min70-compact">{{'Job' | translate}}</span>
                                 <input name="job_title" class="form-control" placeholder="{{'Evil Ruler' | translate}}"  ng-model="newPerson.job_title">
                             </div>
 
@@ -113,7 +113,7 @@
 
                 <div class="panel panel-info table-striped top5">
                     <div class="panel-heading">{{'Unregistered persons' | translate}}</div>
-                    <div class="panel-body" style="height:200px;overflow-x:hidden;overflow-y:scroll;">
+                    <div class="panel-body" class="small-table">
                         <table class="table table-striped table-condensed">
                             <thead>
                                 <tr>

angular_app/js/controllers.js

@@ -323,6 +323,7 @@ eventManControllers.controller('PersonDetailsCtrl', ['$scope', '$stateParams', '
         } else {
             $scope.events = Event.all();
         }
+
         // store a new Person or update an existing one
         $scope.save = function() {
             if ($scope.person.id === undefined) {

angular_app/login.html

@@ -39,11 +39,11 @@
                     </div>
                     <form method="POST">
                         <div class="input-group input-group-lg">
-                            <span class="input-group-addon" style="min-width:150px;">Username</span>
+                            <span class="input-group-addon min150">Username</span>
                             <input type="text" id="username" name="username" class="form-control" placeholder="admin">
                         </div>
                         <div class="input-group input-group-lg top10">
-                            <span class="input-group-addon" style="min-width:150px;">Password</span>
+                            <span class="input-group-addon min150">Password</span>
                             <input type="password" id="password" name="password" class="form-control" placeholder="eventman">
                         </div>
                         <button type="submit" class="btn btn-success top10">login</button>

angular_app/person-edit.html

@@ -13,27 +13,27 @@
         </div>
 
         <div class="input-group input-group-lg">
-            <span class="input-group-addon">{{'Name' | translate}}</span>
+            <span class="input-group-addon min120">{{'Name' | translate}}</span>
             <input type="text" class="form-control" placeholder="{{'Name' | translate}}" ng-model="person.name" ng-required="1">
         </div>
 
         <div class="input-group input-group-lg top5">
-            <span class="input-group-addon">{{'Surname' | translate}}</span>
+            <span class="input-group-addon min120">{{'Surname' | translate}}</span>
             <input type="text" class="form-control" placeholder="{{'Surname' | translate}}" ng-model="person.surname">
         </div>
 
-        <div class="input-group top5">
-            <span class="input-group-addon">{{'Email' | translate}}</span>
+        <div class="input-group input-group-lg top5">
+            <span class="input-group-addon min120">{{'Email' | translate}}</span>
             <input type="email" name="email" class="form-control" placeholder="{{'name.surname@example.com' | translate}}"  ng-model="person.email">
         </div>
 
-        <div class="input-group top5">
-            <span class="input-group-addon">{{'Company' | translate}}</span>
+        <div class="input-group input-group-lg top5">
+            <span class="input-group-addon min120">{{'Company' | translate}}</span>
             <input name="company" class="form-control" placeholder="{{'Acme Corporation' | translate}}"  ng-model="person.company">
         </div>
 
-        <div class="input-group top5">
-            <span class="input-group-addon">{{'Job' | translate}}</span>
+        <div class="input-group input-group-lg top5">
+            <span class="input-group-addon min120">{{'Job' | translate}}</span>
             <input name="job_title" class="form-control" placeholder="{{'Evil Ruler' | translate}}"  ng-model="person.job_title">
         </div>
 
@@ -53,7 +53,7 @@
             <input ng-if="custom.type != 'boolean'" id="custom_{{custm['key']}}" type="text" class="form-control" placeholder="{{custom.label | translate}}" ng-model="person[custom.key]">
         </div>
 
-        <input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/>
+        <input type="submit" class="outside-screen" />
     </form>
 </div>