Event page styles

src/views/EventPage/EventPageView.tsx

@@ -5,7 +5,6 @@ import Button from "@components/Button";
 import Anchor from "@components/Anchor";
 import PageSection from "@components/PageSection";
 import MainSection from "@components/MainSection";
-import AsideSection from "@components/AsideSection/AsideSection";
 
 interface EventPageViewProps {
   event?: Event;
@@ -18,33 +17,33 @@ class EventPageView extends React.Component<EventPageViewProps> {
     if (!event) return <div>Loading</div>
 
     return (
-      <div className="event-page">
-        <PageSection backgroundColor="white1">
-          <AsideSection textColor="black1" />
-          <MainSection textColor="black1">
-            <img className="event-banner" src={event.image || event.tags[0].icon} alt={event.title_fi} ></img>
-            <h1 className="event-title">{event.title_fi}</h1>
-            <p>
-              {event.description_fi}
-            </p>
-            <p>
-              {event.content_fi}
-            </p>
-            {/* We may have multiple signup forms. Generate own Button for each one */}
-            <div className="event-signup-buttons">
-              {event.signupForm.map(sf => (
-                <Anchor key={sf.id} to={`/signup/${sf.id}`}>
-                  <Button type="filled" onClick={() => {}}>
-                    {sf.title}
-                  </Button>
-                </Anchor>
-              )
-              )}
-            </div>
-          </MainSection>
-          <AsideSection backgroundColor="white1" textColor="black1" />
-        </PageSection>
-      </div>
+      <PageSection backgroundColor="white1" textColor="black1" >
+        <MainSection className="event-view">
+          <div className="event-banner">
+            <img  src={event.image || event.tags[0].icon} alt={event.title_fi} />
+          </div>
+          <h1>
+            {event.title_fi}
+          </h1>
+          <p className="event-desc">
+            {event.description_fi}
+          </p>
+          <p className="event-content">
+            {event.content_fi}
+          </p>
+          {/* We may have multiple signup forms. Generate own Button for each one */}
+          <div className="event-signup-buttons">
+            {event.signupForm.map(sf => (
+              <Anchor key={sf.id} to={`/signup/${sf.id}`}>
+                <Button type="filled" onClick={() => {}}>
+                  {sf.title}
+                </Button>
+              </Anchor>
+            )
+            )}
+          </div>
+        </MainSection>
+      </PageSection>
     );
   }
 }