refacot(inputs): add radius for addons inputs

src/app/pages/form/inputs/widgets/inputGroups.html

@@ -1,17 +1,17 @@
 <div class="input-group">
-  <span class="input-group-addon input-group-addon-primary" id="basic-addon1">@</span>
+  <span class="input-group-addon input-group-addon-primary addon-left" id="basic-addon1">@</span>
   <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1">
 </div>
 
 <div class="input-group">
   <input type="text" class="form-control" placeholder="Recipient's username" aria-describedby="basic-addon2">
-  <span class="input-group-addon input-group-addon-warning" id="basic-addon2">@example.com</span>
+  <span class="input-group-addon input-group-addon-warning addon-right" id="basic-addon2">@example.com</span>
 </div>
 
 <div class="input-group">
-  <span class="input-group-addon input-group-addon-success">$</span>
+  <span class="input-group-addon addon-left input-group-addon-success">$</span>
   <input type="text" class="form-control" aria-label="Amount (to the nearest dollar)">
-  <span class="input-group-addon input-group-addon-success">.00</span>
+  <span class="input-group-addon addon-right input-group-addon-success">.00</span>
 </div>
 
 <div class="input-group">

src/app/pages/form/inputs/widgets/validationStates.html

@@ -56,7 +56,7 @@
 <div class="form-group has-success has-feedback">
   <label class="control-label" for="inputGroupSuccess1">Input group with success</label>
   <div class="input-group">
-    <span class="input-group-addon">@</span>
+    <span class="input-group-addon addon-left">@</span>
     <input type="text" class="form-control" id="inputGroupSuccess1" aria-describedby="inputGroupSuccess1Status">
   </div>
   <i class="ion-checkmark-circled form-control-feedback" aria-hidden="true"></i>

src/sass/app/_form.scss

@@ -505,4 +505,14 @@ label.custom-input-danger {
 
 .has-success .input-group-addon {
   border: none;
+}
+
+.input-group > span.addon-left{
+  border-top-left-radius: 5px;
+  border-bottom-left-radius: 5px;
+}
+
+.input-group > span.addon-right{
+  border-top-right-radius: 5px;
+  border-bottom-right-radius: 5px;
 }