Revert input group separation

Author: mlt47

src/app/components/elements/panels/TeacherConnections.tsx

@@ -182,11 +182,9 @@ export const TeacherConnections = ({user, authToken, editingOtherUser, userToEdi
                             e.preventDefault(); 
                         }}}
                     />
-                    <div className="input-group-append">
-                        <RS.Button onClick={processToken} className={classNames("py-2", {"px-0 border-dark h-100": isPhy})} color="secondary" outline disabled={editingOtherUser}>
-                            Connect
-                        </RS.Button>
-                    </div>
+                    <RS.Button onClick={processToken} className={classNames("py-2", {"px-0 border-dark h-100": isPhy})} color="secondary" outline disabled={editingOtherUser}>
+                        Connect
+                    </RS.Button>
                 </RS.InputGroup>
             </RS.Form>
 

src/app/components/pages/SetAssignments.tsx

@@ -538,9 +538,9 @@ export const SetAssignments = () => {
                 You have no {siteSpecific("gameboards", "quizzes")} to assign
                 {siteSpecific(
                     "; use one of the options above to find one.",
-                    <Button className={"ms-3"} tag={Link} to={PATHS.GAMEBOARD_BUILDER} onClick={() => setAssignBoardPath(PATHS.SET_ASSIGNMENTS)} size="sm" color="secondary">
+                    <><br /><Button className={"mt-3"} tag={Link} to={PATHS.GAMEBOARD_BUILDER} onClick={() => setAssignBoardPath(PATHS.SET_ASSIGNMENTS)} color="secondary">
                         Create a quiz
-                    </Button>
+                    </Button></>
                 )}
             </h3>
             : <>

src/scss/cs/button.scss

@@ -276,11 +276,9 @@
   input {
     border-radius: 0.25rem !important;
   }
-  .input-group-append {
+  button {
     margin-left: 1rem !important;
-    button {
-      border-radius: 50px !important;
-    }
+    border-radius: 50px !important;
   }
 }
 

src/scss/phy/button.scss

@@ -395,9 +395,7 @@ button.close { // default <button class="close"/> components;
   input {
     border-radius: 0.25rem;
   }
-  .input-group-append {
-    button {
-      border-radius: 0 0.25rem 0.25rem 0;
-    }
+  button {
+    border-radius: 0 0.25rem 0.25rem 0;
   }
 }