Move inline CSS to the stylesheet

src/Schedule.jsx

@@ -36,9 +36,7 @@ export default function Schedule({
         {isLoading && <>Loading... <progress value={loadingProgress} /></>}
         <div className="schedule">
             {header && <>
-                <table style={{
+                <table>
-                    textAlign: 'center',
-                }}>
                     <thead>
                         <tr>
                             {header.map(hall => <th key={hall.id}>{hall.name}</th>)}
@@ -60,9 +58,7 @@ export default function Schedule({
                 <div className="separator"/>
             </>}
             {tracks && <>
-                <table style={{
+                <table>
-                    textAlign: 'center',
-                }}>
                     <tbody>
                         {Object.entries(tracks).filter(([, track]) =>
                             !isTrackHidden(track)
@@ -93,9 +89,7 @@ export default function Schedule({
                 {event.abstract && <p>
                     {event.abstract}
                 </p>}
-                <p style={{
+                <p className="feedback">
-                    textAlign: 'right',
-                }}>
                     <strong>
                         <a href={event.feedback_url}>Submit feedback</a>
                     </strong>

src/Schedule.scss

@@ -86,6 +86,10 @@
     margin: 0 1em 2em 0;
   }
 
+  section p.feedback {
+    text-align: right;
+  }
+
   .separator {
     margin: 2.4em 0;
     height: 1px;