fixing issue on #118

code4recovery · Jun 22, 2021 · 3c7fa0a · 3c7fa0a
1 parent b2df458
commit 3c7fa0a
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 21 deletions.
diff --git a/public/app.js b/public/app.js
diff --git a/src/components/Meeting.jsx b/src/components/Meeting.jsx
@@ -115,33 +115,33 @@ export default function Meeting({ meeting, state, setState }) {
 
   return (
     <div
-      className={cx('d-flex flex-column flex-grow-1 gap-3 meeting', {
+      className={cx('d-flex flex-column flex-grow-1 meeting', {
         'in-person': meeting.isInPerson,
         'inactive': !meeting.isInPerson && !meeting.isOnline,
         'online': meeting.isOnline,
       })}
     >
-      <h1 className="fw-light border-bottom d-flex flex-column pb-2">
+      <h1 className="fw-light mb-1">
         <Link meeting={meeting} />
-        <div className="align-items-center d-flex h6">
-          <Icon icon="back" />
-          <a
-            href={window.location.pathname}
-            onClick={e => {
-              e.preventDefault();
-              setState({
-                ...state,
-                input: {
-                  ...state.input,
-                  meeting: null,
-                },
-              });
-            }}
-          >
-            {strings.back_to_meetings}
-          </a>
-        </div>
       </h1>
+      <div className="align-items-center border-bottom d-flex h6 mb-3 pb-2">
+        <Icon icon="back" />
+        <a
+          href={window.location.pathname}
+          onClick={e => {
+            e.preventDefault();
+            setState({
+              ...state,
+              input: {
+                ...state.input,
+                meeting: null,
+              },
+            });
+          }}
+        >
+          {strings.back_to_meetings}
+        </a>
+      </div>
       <div className="flex-grow-1 row">
         <div className="align-content-start col-md-4 d-grid gap-3 mb-3 mb-md-0">
           {directionsUrl && (