Merge pull request #50 from bento-platform/changes-5

Fixed bug: About section didnt have maxWidth css prop

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bento_public",
-  "version": "0.8.1",
+  "version": "0.8.2",
   "description": "A publicly accessible portal for clinical datasets, where users are able to see high-level statistics of the data available through predefined variables of interest and search the data using limited variables at a time. This portal allows users to gain a generic understanding of the data available (secure and firewalled) without the need to access it directly. Initially, this portal facilitates the search in English language only, but the French language will be added at a later time.",
   "main": "index.js",
   "scripts": {

src/js/components/Overview/PublicOverview.js

@@ -16,17 +16,19 @@ const PublicOverview = () => {
 
   const [drawerVisible, setDrawerVisible] = useState(false);
 
-  const { isFetchingAbout, aboutHTML } = useSelector(state => state.content)
+  const { isFetchingAbout, aboutHTML } = useSelector((state) => state.content);
 
   return (
     <>
       <div className="container">
         <Row justify="center">
           <Col>
-            <Card style={{ borderRadius: '11px' }}>
-              {isFetchingAbout
-                ? <Skeleton title={false} paragraph={{rows: 2}} />
-                : <div dangerouslySetInnerHTML={{ __html: aboutHTML }} />}
+            <Card style={{ borderRadius: '11px', maxWidth: '1323px' }}>
+              {isFetchingAbout ? (
+                <Skeleton title={false} paragraph={{ rows: 2 }} />
+              ) : (
+                <div dangerouslySetInnerHTML={{ __html: aboutHTML }} />
+              )}
             </Card>
             {sections.map(({ sectionTitle, charts }, i) => (
               <div key={i} className="overview">