fixed container

frontend/src/App.js

@@ -170,7 +170,7 @@ const Content = () => {
   const location = useLocation();
   return (
     <main className="uk-section uk-section-default">
-      <div className="uk-container">
+      <div className="uk-container uk-container-expand">
         <h3>TL;DR</h3>
         <Switch>
           {routes.map(([path, , component]) => (

frontend/src/components/About.js

@@ -90,7 +90,7 @@ const About = () => {
   const { metrics, loading: metricsLoading, reload: metricsReload } = useContext(MetricsContext);
 
   return (
-    <article className="uk-container">
+    <article>
       <div style={{ marginBottom: "1.5em" }} className="uk-text-meta">
         Evaluate a single hypothesis against the reference or upload hypothesis and reference files.
         Results can be saved and exported as LaTeX and CSV.
@@ -113,7 +113,7 @@ const About = () => {
             ) : (
               <>
                 {!summarizers ? (
-                  <Button className="uk-container" onClick={summarizersReload}>
+                  <Button onClick={summarizersReload}>
                     Retry
                   </Button>
                 ) : (
@@ -133,7 +133,7 @@ const About = () => {
             ) : (
               <>
                 {!metrics ? (
-                  <Button className="uk-container" onClick={metricsReload}>
+                  <Button onClick={metricsReload}>
                     Retry
                   </Button>
                 ) : (

frontend/src/components/Evaluate.js

@@ -75,12 +75,12 @@ const Evaluate = () => {
   if (loading) return <CenterLoading />;
   if (!metrics)
     return (
-      <Button className="uk-container" onClick={reload}>
+      <Button onClick={reload}>
         Retry
       </Button>
     );
   return (
-    <div className="uk-container uk-container-expand">
+    <div>
       <div className="metric-layout">
         <div>
           <FileInput setCalculation={setComputedCalculation} />

frontend/src/components/Summarize.js

@@ -110,7 +110,7 @@ const InputDocument = ({ summarize, isComputing }) => {
   };
 
   return (
-    <div className="uk-container uk-container-expand uk-margin-medium-top@s uk-margin-large-top@l">
+    <div className="uk-margin-medium-top@s uk-margin-large-top@l">
       <div className="uk-flex uk-flex-between" style={{ minHeight: "60vh" }}>
         <div className="uk-flex uk-flex-column" style={{ flexBasis: "60%" }}>
           <Header text="Document" fontSize="14pt">
@@ -449,7 +449,6 @@ const SummaryView = ({ title, summaries, documentLength }) => {
   return (
     <div
       ref={scrollRef}
-      className="uk-container uk-container-expand"
       style={{ scrollMarginTop: "100px" }}
     >
       <div className="uk-flex">
@@ -538,7 +537,7 @@ const Summarize = () => {
   if (loading) return <CenterLoading />;
   if (!summarizers)
     return (
-      <Button className="uk-container" onClick={reload}>
+      <Button onClick={reload}>
         Retry
       </Button>
     );

frontend/src/components/Visualization.js

@@ -52,7 +52,7 @@ const Visualization = () => {
 
   return (
     <>
-      <div className="uk-container uk-container-expand uk-margin-medium-top@s uk-margin-large-top@l">
+      <div className="uk-margin-medium-top@s uk-margin-large-top@l">
         <div className="uk-flex">
           <div style={{ width: "40%" }}>
             <div className="uk-flex uk-flex-column" style={{ display: "inline-flex" }}>

frontend/src/components/Visualize.js

@@ -371,13 +371,9 @@ const VisualizationOverview = () => {
   const [showOverview, setShowOverview] = useState(true);
 
   if (currVisualization !== null)
-    return (
-      <div className="uk-container">
-        <Visualize visualization={currVisualization} clear={() => setCurrVisualization(null)} />
-      </div>
-    );
+    return (<Visualize visualization={currVisualization} clear={() => setCurrVisualization(null)} />);
   if (visualizations) return (
-    <div className="uk-container">
+    <div>
       {showOverview ? (
         <div className="uk-flex uk-flex-top">
           <Button onClick={() => setShowOverview((v) => !v)} variant="primary">