From f91c0d8aaf1e9f338230fc920f09ca873f528382 Mon Sep 17 00:00:00 2001
From: Cay Henning <cay@ucf.edu>
Date: Thu, 30 Nov 2023 13:58:01 -0500
Subject: [PATCH] Remove 'done' button from required item and node item modals

---
 src/creator.html                           | 14 +++++++-------
 src/src-assets/creator-assets/creator.scss | 13 ++++++++++++-
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/creator.html b/src/creator.html
index 7fce378f..e66b24ee 100644
--- a/src/creator.html
+++ b/src/creator.html
@@ -718,7 +718,7 @@ <h3>Required Items for Answer</h3>
 														</div>
 													</div>
 													<div class="item-options-container" ng-class="{'flex-start': showAdvancedOptions, 'show': hoverItem}">
-														<div class="item-quantity">
+														<div class="item-minimum-quantity">
 															<label ng-show="!showAdvancedOptions"  for="increase-min-count-{{item.id}}">Required Quantity</label>
 															<label ng-show="showAdvancedOptions" for="increase-min-count-{{item.id}}">Min Quantity</label>
 															<input ng-focus = "event = $event" id="increase-min-count-{{item.id}}" type="number" ng-model="item.tempMinCount"  min="0"  ng-change="updateMinCount(event, item)"/>
@@ -774,11 +774,11 @@ <h3>Required Items for Answer</h3>
 												<label for="answer-show-advanced">Use Advanced Options</label>
 											</div>
 
-											<button class="save-button important-button"
+											<!-- <button class="save-button important-button"
 											ng-class="{'lowered' : displayNodeCreation == HOTSPOT}"
 											type="button"
 											ng-click="toggleRequiredItemsModal()">Done
-											</button>
+											</button> -->
 										</div>
 										<!-- <i class="arrow-right"></i> -->
 									</div>
@@ -987,7 +987,7 @@ <h3>Required Items for Hotspot</h3>
 												</div>
 												<div class="item-options-container" ng-class="{'show': hoverItem}">
 
-													<div class="item-quantity">
+													<div class="item-minimum-quantity">
 														<label ng-show="!showAdvancedOptions"  for="increase-min-count-{{item.id}}">Required Quantity</label>
 														<label ng-show="showAdvancedOptions" for="increase-min-count-{{item.id}}">Min Quantity</label>
 														<input ng-focus = "event = $event" id="increase-min-count-{{item.id}}" type="number" ng-model="item.tempMinCount"  min="0"  ng-change="updateMinCount(event, item)"/>
@@ -1261,7 +1261,7 @@ <h3>Required Items for Answer</h3>
 									</div>
 									<div class="item-options-container" ng-class="{'show': hoverItem, 'flex-start': showAdvancedOptions}">
 										<div class="item-quantity-options">
-											<div class="item-quantity">
+											<div class="item-minimum-quantity">
 												<label for="increase-min-count-{{item.id}}" ng-show="showAdvancedOptions">Min Quantity</label>
 												<label for="increase-min-count-{{item.id}}" ng-show="!showAdvancedOptions">Required Quantity</label>
 												<input ng-focus = "event = $event" id="increase-min-count-{{item.id}}" type="number" ng-model="item.tempMinCount"  min="0"  ng-change="updateMinCount(event, item)"/>
@@ -1517,11 +1517,11 @@ <h4>Take Player Items</h4>
 									</div>
 								</div>
 
-								<button class="save-button important-button"
+								<!-- <button class="save-button important-button"
 								ng-class="{'lowered' : displayNodeCreation == HOTSPOT}"
 								type="button"
 								ng-click="toggleNodeItemsModal()">Done
-								</button>
+								</button> -->
 							</div>
 						</div>
 						<button type="button"
diff --git a/src/src-assets/creator-assets/creator.scss b/src/src-assets/creator-assets/creator.scss
index 4ad39d52..39f69f80 100644
--- a/src/src-assets/creator-assets/creator.scss
+++ b/src/src-assets/creator-assets/creator.scss
@@ -1216,7 +1216,7 @@ required-items-tooltip {
 			align-content:start;
 		}
 
-		.item-quantity {
+		.item-minimum-quantity, .item-quantity {
 			display: flex;
 			flex-direction: row;
 			grid-gap: 10px;
@@ -1236,6 +1236,17 @@ required-items-tooltip {
 			}
 		}
 
+		.item-quantity-options {
+			gap: 10px;
+			display: flex;
+			flex-direction: column;
+		}
+
+		.quantity-explanation {
+			font-style: italic;
+			padding: 10px 0;
+		}
+
 		.greyed-out {
 			color: $gray-darker;
 			font-style: italic;