fix(app-webdir-ui): fix grid profile squishing on 50% layout

Author: davidornelas11

packages/app-webdir-ui/src/WebDirectoryComponent/index.styles.js

@@ -11,6 +11,13 @@ const WebDirLayout = styled.div`
     "results results";
   grid-column-gap: 100px;
 
+  .uds-grid > .row {
+    gap: 1rem;
+    & > div {
+    flex: 0 0 282px;
+    }
+  }
+
   .sort {
     grid-area: sort;
   }
@@ -37,6 +44,12 @@ const WebDirLayout = styled.div`
 const FacultyRankLayout = styled.div`
   display: flex;
   flex-wrap: wrap;
+  .uds-grid > .row {
+    gap: 1rem;
+    & > div {
+    flex: 0 0 282px;
+    }
+  }
   .view-toggle {
     width: 100%;
     justify-content: flex-start;

packages/app-webdir-ui/src/helpers/Filter/index.styles.js

@@ -1,7 +1,7 @@
 import styled from "styled-components";
 
 export const FilterContainer = styled.fieldset`
-  width: 100%;
+  width: 85%;
   margin: 0 0 2rem 0;
 
   .choices-wrapper {