#37 new icons in ICON INPUT

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>
 

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 {