fixes border focus

ucfopen · Oct 14, 2024 · fc84b1f · fc84b1f
1 parent b5f78f6
commit fc84b1f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/components/my-widgets-page.scss b/src/components/my-widgets-page.scss
@@ -135,6 +135,7 @@
 
 				div {
 					grid-column: span 2;
+					margin: 2px;
 				}
 
 				//this is to style the last item in the grid so its centered
@@ -150,12 +151,15 @@
 					max-height: 500px;
 					opacity: 1;
 					width: 100%;
+					padding: 5px;
+					box-sizing: border-box;
 				}
 			}
 
 			.searchBarGroup{
 				display: flex;
 				align-items: center;
+				gap: 0.1rem;
 			}
 
 

diff --git a/src/components/my-widgets-side-bar.jsx b/src/components/my-widgets-side-bar.jsx
@@ -152,42 +152,42 @@ const MyWidgetsSideBar = ({ instances, isFetching, selectedId, onClick, beardMod
 							labelOff="Published: Off"
 							onChange={handlePublishedChange}
 							reset={resetFilters}
-							ID="focus11"
+							ID="focus2"
 						/>
 						<CheckboxButton
 							labelOn="Limited Attemps: On"
 							labelOff="Limited Attemps: Off"
 							onChange={handleAttemptsChange}
 							reset={resetFilters}
-							ID="focus111"
+							ID="focus3"
 						/>
 						<CheckboxButton
 							labelOn="Guest Access: On"
 							labelOff="Guest Access: Off"
 							onChange={handleGuestAccessChange}
 							reset={resetFilters}
-							ID="focus1111"
+							ID="focus4"
 						/>
 						<CheckboxButton
 							labelOn="Open: On"
 							labelOff="Open: Off"
 							onChange={handleOpenChange}
 							reset={resetFilters}
-							ID="focus11111"
+							ID="focus5"
 						/>
 						<CheckboxButton
 							labelOn="Expired: On"
 							labelOff="Expired: Off"
 							onChange={handleExpiredChange}
 							reset={resetFilters}
-							ID="focus111111"
+							ID="focus6"
 						/>
 						<CheckboxButton
 							labelOn="Embedded: On"
 							labelOff="Embedded: Off"
 							onChange={handleEmbeddedChange}
 							reset={resetFilters}
-							ID="focus1111111"
+							ID="focus7"
 						/>
 				</div>