Use cases button fix

eea · Aug 4, 2022 · 848716e · 848716e
1 parent 37c4386
commit 848716e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/src/components/UseCasesMapViewer/InfoWidget.jsx b/src/components/UseCasesMapViewer/InfoWidget.jsx
@@ -226,18 +226,19 @@ class InfoWidget extends React.Component {
             <span>{regionFeatures.length} </span>
             use cases
           </div>
+          <div className="use-case-button-back">
+            <button
+              tabIndex="0"
+              onClick={() => {
+                navigationControl.returnToPrevious();
+              }}
+            >
+              <span className="esri-icon-left-arrow"></span>
+              Back
+            </button>
+          </div>
           <div className="use-cases-products-list">
             <div key={selectedRegion} className="use-cases-dropdown">
-              <button
-                className="use-case-button-back"
-                tabIndex="0"
-                onClick={() => {
-                  navigationControl.returnToPrevious();
-                }}
-              >
-                <span className="esri-icon-left-arrow"></span>
-                Back
-              </button>
               {this.getDataBrief(regionFeatures)}
             </div>
           </div>

diff --git a/src/components/UseCasesMapViewer/css/ArcgisMap.css b/src/components/UseCasesMapViewer/css/ArcgisMap.css
@@ -93,7 +93,7 @@
 
 .use-cases-products-list {
   width: 100%;
-  max-height: 25rem;
+  height: 25rem;
   overflow-y: auto;
 }