style adjustments from jenny feedback and fix yarn.lock

pennlabs · Apr 13, 2024 · 3c2e2cb · 3c2e2cb
1 parent 0c77b39
commit 3c2e2cb
Show file tree

Hide file tree

Showing 4 changed files with 1,220 additions and 11 deletions.
diff --git a/frontend/degree-plan/components/FourYearPlan/Semester.tsx b/frontend/degree-plan/components/FourYearPlan/Semester.tsx
@@ -35,7 +35,7 @@ export const SemesterCard = styled.div<{
     padding: 1rem;
     display: flex;
     flex-direction: column;
-    flex: 1 1 15rem;
+    flex: 1 1 11rem;
 `;
 
 const SemesterHeader = styled.div`

diff --git a/frontend/degree-plan/components/FourYearPlan/Stats.tsx b/frontend/degree-plan/components/FourYearPlan/Stats.tsx
@@ -20,6 +20,7 @@ const getColor = (num: number, reverse: boolean) => {
 
 const ScoreCircle = styled(CircularProgressbar)`
     aspect-ratio: 1;
+    min-width: 1.7rem;
 `;
 
 const ScoreLabel = styled.div`
@@ -58,6 +59,7 @@ const Stack = styled.div`
     gap: 1rem .75rem;
     justify-items: left;
     align-items: center;
+
 `;
 
 type StatsType = "course_quality" | "instructor_quality" | "difficulty" | "work_required";

diff --git a/frontend/degree-plan/components/FourYearPlanPage.tsx b/frontend/degree-plan/components/FourYearPlanPage.tsx
@@ -163,7 +163,7 @@ const FourYearPlanPage = ({
                   maxSize={searchPanelOpen ? 
                     (windowWidth ? windowWidth : 1000) * 0.33 
                   : (windowWidth ? windowWidth : 1000) * 0.66}
-                  minSize="33%"
+                  minSize={(windowWidth ? windowWidth : 400) * 0.20 }
                   defaultSize="50%"
                   style={{
                     padding: "1.5rem",
@@ -201,7 +201,7 @@ const FourYearPlanPage = ({
                       />
                     </PanelInteriorWrapper>
                     {searchPanelOpen && (
-                      <PanelInteriorWrapper $minWidth={"40%"} $maxWidth={"45%"}>
+                      <PanelInteriorWrapper $minWidth={"45%"} $maxWidth={"45%"}>
                         <SearchPanel 
                         activeDegreeplanId={activeDegreeplan ? activeDegreeplan.id : null} 
                         setSearchRuleId={setSearchRuleId}/>