From 960bfd9ce5d4d140e0000abb5beaee1b0a4f37cc Mon Sep 17 00:00:00 2001
From: Carlos Leite <carlos.leite@nectosystems.com.br>
Date: Thu, 15 Mar 2018 22:06:49 -0300
Subject: [PATCH] fix #93 - delete buttons margin

---
 .../forms/buttons-addons/buttons-addons.hbs   | 29 ++++++++++++++
 .../buttons-addons/segmented-buttons.hbs      | 38 +++++++++++++++++++
 2 files changed, 67 insertions(+)
 create mode 100644 src/app/forms/buttons-addons/buttons-addons.hbs
 create mode 100644 src/app/forms/buttons-addons/segmented-buttons.hbs

diff --git a/src/app/forms/buttons-addons/buttons-addons.hbs b/src/app/forms/buttons-addons/buttons-addons.hbs
new file mode 100644
index 00000000..fe6be207
--- /dev/null
+++ b/src/app/forms/buttons-addons/buttons-addons.hbs
@@ -0,0 +1,29 @@
+<div class="input-group mb-3">
+  <div class="input-group-prepend">
+    <button class="btn btn-outline-secondary" type="button">Button</button>
+  </div>
+  <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1">
+</div>
+
+<div class="input-group mb-3">
+  <input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
+  <div class="input-group-append">
+    <button class="btn btn-outline-secondary" type="button">Button</button>
+  </div>
+</div>
+
+<div class="input-group mb-3">
+  <div class="input-group-prepend">
+    <button class="btn btn-outline-secondary" type="button">Button</button>
+    <button class="btn btn-outline-secondary" type="button">Button</button>
+  </div>
+  <input type="text" class="form-control" placeholder="" aria-label="" aria-describedby="basic-addon1">
+</div>
+
+<div class="input-group">
+  <input type="text" class="form-control" placeholder="Recipient's username" aria-label="Recipient's username" aria-describedby="basic-addon2">
+  <div class="input-group-append">
+    <button class="btn btn-outline-secondary" type="button">Button</button>
+    <button class="btn btn-outline-secondary" type="button">Button</button>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/forms/buttons-addons/segmented-buttons.hbs b/src/app/forms/buttons-addons/segmented-buttons.hbs
new file mode 100644
index 00000000..d143b74f
--- /dev/null
+++ b/src/app/forms/buttons-addons/segmented-buttons.hbs
@@ -0,0 +1,38 @@
+
+<!--
+just like on bootstrap samples
+https://getbootstrap.com/docs/4.0/components/input-group/#segmented-buttons
+-->
+<div class="input-group mb-3">
+  <div class="input-group-prepend">
+    <button type="button" class="btn btn-outline-secondary">Action</button>
+    <button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+      <span class="sr-only">Toggle Dropdown</span>
+    </button>
+    <div class="dropdown-menu">
+      <a class="dropdown-item" href="#">Action</a>
+      <a class="dropdown-item" href="#">Another action</a>
+      <a class="dropdown-item" href="#">Something else here</a>
+      <div role="separator" class="dropdown-divider"></div>
+      <a class="dropdown-item" href="#">Separated link</a>
+    </div>
+  </div>
+  <input type="text" class="form-control" aria-label="Text input with segmented dropdown button">
+</div>
+
+<div class="input-group">
+  <input type="text" class="form-control" aria-label="Text input with segmented dropdown button">
+  <div class="input-group-append">
+    <button type="button" class="btn btn-outline-secondary">Action</button>
+    <button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+      <span class="sr-only">Toggle Dropdown</span>
+    </button>
+    <div class="dropdown-menu">
+      <a class="dropdown-item" href="#">Action</a>
+      <a class="dropdown-item" href="#">Another action</a>
+      <a class="dropdown-item" href="#">Something else here</a>
+      <div role="separator" class="dropdown-divider"></div>
+      <a class="dropdown-item" href="#">Separated link</a>
+    </div>
+  </div>
+</div>
\ No newline at end of file