Merge pull request #404 from StubberG3/balancer/394/mobile

Balancer/394/mobile

Author: taichan03

frontend/src/components/Header/Header.tsx

@@ -101,7 +101,7 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
   return (
     <header className="z-50 fixed w-full items-center no-print">
       <div className="w-full items-center justify-center border-b border-gray-300 bg-blue-100 p-1 text-center text-sm font-light text-gray-500 lg:flex">
-        <p className="">
+        <p className="hidden md:block">
           Welcome to Balancer’s first release! Found a bug or have feedback? Let us know {" "}
           <Link
             to="/feedback"
@@ -115,6 +115,13 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
           </a>
           .
         </p>
+        <p className="sm:block md:hidden">
+          App is in beta; report issues to {" "}
+          <a href="mailto:balancerteam@codeforphilly.org" className="underline hover:border-blue-600 hover:text-blue-600 hover:no-underline">
+            balancerteam@codeforphilly.org
+          </a>
+          .
+        </p>
       </div>
       <div
         className={

frontend/src/pages/Help/DataSources.tsx

@@ -22,7 +22,7 @@ const data: DataProps = {
 function HowTo() {
   return (
     <Layout>
-      <div className="mt-20 flex w-full max-w-6xl flex-col items-center justify-center px-8">
+      <div className="mt-20 flex min-w-[445px] w-full max-w-6xl flex-col items-center justify-center px-8">
         <div className="mt-10 h-44 w-44">
         <LineChart />
         </div>