From e0cb726a699891bb2fa033706c0421a6c61b088d Mon Sep 17 00:00:00 2001
From: Tudor Stanciu <tudor.stanciu94@gmail.com>
Date: Tue, 12 May 2020 02:48:18 +0300
Subject: [PATCH] css fix

---
 src/components/App.js                                   | 2 +-
 src/features/session/api.js                             | 2 +-
 src/features/session/components/SessionListComponent.js | 4 ++--
 src/index.css                                           | 3 ++-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/App.js b/src/components/App.js
index 0edbb5b..2c9b68c 100644
--- a/src/components/App.js
+++ b/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} />
diff --git a/src/features/session/api.js b/src/features/session/api.js
index 77fe4bb..16b3174 100644
--- a/src/features/session/api.js
+++ b/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`);
 
diff --git a/src/features/session/components/SessionListComponent.js b/src/features/session/components/SessionListComponent.js
index 268f619..da9857c 100644
--- a/src/features/session/components/SessionListComponent.js
+++ b/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>
diff --git a/src/index.css b/src/index.css
index af9c428..0e08ae1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,6 +1,7 @@
 #app {
-  max-width: 850px;
   margin: 0 auto;
+  padding-left: 50px;
+  padding-right: 50px;
 }
 
 nav {