css fix

src/components/App.js

@@ -12,7 +12,7 @@ import SessionContainer from "../features/session/components/SessionContainer";
 
 function App() {
   return (
-    <div className="container-fluid">
+    <div>
       <Header />
       <Switch>
         <Route exact path="/" component={HomePage} />

src/features/session/api.js

@@ -1,5 +1,5 @@
 import { get } from "../../api/axiosApi";
-const baseUrl = process.env.REVERSE_PROXY_API_URL + "/server";
+const baseUrl = `${process.env.REVERSE_PROXY_API_URL}/server`;
 
 const getServerSessions = () => get(`${baseUrl}/sessions`);
 

src/features/session/components/SessionListComponent.js

@@ -30,8 +30,8 @@ const SessionListComponent = ({ sessions }) => {
             <ExpansionPanel key={session.sessionId}>
               <ExpansionPanelSummary
                 expandIcon={<ExpandMoreIcon />}
-                aria-controls="panel1a-content"
-                id="panel1a-header"
+                aria-controls={`panel-${session.sessionId}-content`}
+                id={`panel-${session.sessionId}-header`}
               >
                 <SessionSummary session={session} />
               </ExpansionPanelSummary>

src/index.css

@@ -1,6 +1,7 @@
 #app {
-  max-width: 850px;
   margin: 0 auto;
+  padding-left: 50px;
+  padding-right: 50px;
 }
 
 nav {