From 442c7662152c29b3b2332ce6591518b6e16d46a3 Mon Sep 17 00:00:00 2001
From: chomik <codecalm@gmail.com>
Date: Thu, 12 Apr 2018 11:33:15 +0200
Subject: [PATCH] #37 new icons in ICON INPUT

---
 src/_includes/cards/form-all-elements.html    | 32 +++++--------------
 .../dashboard/forms/_custom-selectgroup.scss  |  5 ++-
 2 files changed, 10 insertions(+), 27 deletions(-)

diff --git a/src/_includes/cards/form-all-elements.html b/src/_includes/cards/form-all-elements.html
index be9692f66..a674a3e0d 100644
--- a/src/_includes/cards/form-all-elements.html
+++ b/src/_includes/cards/form-all-elements.html
@@ -170,30 +170,6 @@
 						</label>
 					</div>
 				</div>
-				<div class="form-group">
-					<label class="form-label">Gender input</label>
-					<div class="selectgroup selectgroup-pills">
-						<label class="selectgroup-item">
-							<input type="radio" name="gender-input" value="2" class="selectgroup-input" aria-label="Prefer not to say" checked="">
-							<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-minus-circle"></i></span>
-						</label>
-						<label class="selectgroup-item">
-							<input type="radio" name="gender-input" value="1" class="selectgroup-input">
-							<span class="selectgroup-button selectgroup-button-icon"><i class="fa fa-male"></i></span>
-						</label>
-						<label class="selectgroup-item">
-							<input type="radio" name="gender-input" value="2" class="selectgroup-input">
-							<span class="selectgroup-button selectgroup-button-icon"><i class="fa fa-female"></i></span>
-						</label>
-						<label class="selectgroup-item">
-							<input type="radio" name="gender-input" value="2" class="selectgroup-input">
-							<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-more-horizontal"></i></span>
-						</label>
-						<label class="selectgroup-item">
-							<input type="text" class="form-control" placeholder="Other" aria-label="Gender Identity">
-						</label>
-					</div>
-				</div>
 
 				<div class="form-group">
 					<label class="form-label">Icon input</label>
@@ -206,6 +182,14 @@
 							<input type="radio" name="icon-input" value="2" class="selectgroup-input">
 							<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-moon"></i></span>
 						</label>
+						<label class="selectgroup-item">
+							<input type="radio" name="icon-input" value="3" class="selectgroup-input">
+							<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-cloud-rain"></i></span>
+						</label>
+						<label class="selectgroup-item">
+							<input type="radio" name="icon-input" value="4" class="selectgroup-input">
+							<span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-cloud"></i></span>
+						</label>
 					</div>
 				</div>
 
diff --git a/src/assets/scss/dashboard/forms/_custom-selectgroup.scss b/src/assets/scss/dashboard/forms/_custom-selectgroup.scss
index 4f82240da..b5e1ccf33 100644
--- a/src/assets/scss/dashboard/forms/_custom-selectgroup.scss
+++ b/src/assets/scss/dashboard/forms/_custom-selectgroup.scss
@@ -40,15 +40,14 @@
 	color: $text-muted;
 	user-select: none;
 	font-size: $font-size-base;
-	line-height: $input-btn-line-height;
+	line-height: 1.5rem;
 	min-width: $input-height;
 }
 
 .selectgroup-button-icon {
 	padding-left: .5rem;
 	padding-right: .5rem;
-	font-size: 1.125rem;
-	line-height: 1.125rem;
+	font-size: 1rem;
 }
 
 .selectgroup-input:checked + .selectgroup-button {