Update docs

docs/src/components/HomepageScreenshots/index.tsx

@@ -4,8 +4,8 @@ import ThemedImage from '@theme/ThemedImage'
 
 export default function HomepageScreenshots(): JSX.Element {
   return (
-    <section>
-      <div className="container padding-vert--xl">
+    <section className="padding-vert--xl">
+      <div className="container">
         <div className="row">
           <div className="col col--4">
             <div className={styles.screenshot}>
@@ -41,6 +41,12 @@ export default function HomepageScreenshots(): JSX.Element {
           </div>
         </div>
       </div>
+      <div className={styles.wallpaperLink}>
+        Wallpaper: Johannes Plenio on{' '}
+        <a target="_blank" href="https://unsplash.com/photos/ztiulja606U">
+          Unsplash.com
+        </a>
+      </div>
     </section>
   )
 }

docs/src/components/HomepageScreenshots/styles.module.css

@@ -6,3 +6,8 @@
 .screenshot > img {
   max-width: 350px;
 }
+
+.wallpaperLink {
+  text-align: center;
+  font-size: 0.8rem;
+}

docs/src/css/custom.css

@@ -33,6 +33,12 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
+.MuiSvgIcon-root {
+  vertical-align: top;
+  display: inline-block;
+  padding: 2px;
+}
+
 /* poppins-regular - latin */
 @font-face {
   font-family: 'Poppins';