fix: increase container size and resolve style issues

Author: pganesh-apphelix

src/optimizer-page/CourseOptimizerPage.tsx

@@ -196,11 +196,7 @@ const CourseOptimizerPage: FC<{ courseId: string }> = ({ courseId }) => {
       <Container size="xl" className="mt-4 px-4 export">
         <section className="setting-items mb-4">
           <Layout
-            lg={[{ span: 9 }, { span: 3 }]}
-            md={[{ span: 9 }, { span: 3 }]}
-            sm={[{ span: 9 }, { span: 3 }]}
-            xs={[{ span: 9 }, { span: 3 }]}
-            xl={[{ span: 9 }, { span: 3 }]}
+            lg={[{ span: 12 }, { span: 0 }]}
           >
             <Layout.Element>
               <article>

src/optimizer-page/scan-results/ScanResults.scss

@@ -57,6 +57,7 @@
           td {
             padding: 16px 0;
             border-top: none !important;
+            overflow: auto;
 
             a {
               color: var(--info-500, #00688D);
@@ -118,12 +119,17 @@
 
   .broken-link-container {
     max-width: calc(100% - 150px);
+  }
+
+  .broken-link-container a {
+    display: block;
     overflow: hidden;
     text-overflow: ellipsis;
-    flex-grow: 1;
-    word-break: break-all;
-    overflow-wrap: anywhere;
-    white-space: break-spaces;
+    white-space: nowrap;
+  }
+
+  .links-container > div:first-child {
+    max-width: 95%;
   }
 
   .locked-links-checkbox {