@ethicdevs/gitfoss | Show object: 19e345f2aad3515b33b9c6eef8d29ba884178fe0 ∙ GitFOSS
chore(resp.): improve mobile design
+ 4
- 4
app/views/HomeView.tsx
@@ -146,7 +146,7 @@ const HomeView: ReactView<HomeViewProps> = (props) => {
             <p style={{ fontSize: "1.15rem", color: "#555", maxWidth: 600 }}>
               {tagline}
             </p>
-            <Grid.Row fluid gap={16} style={{ marginTop: 20 }}>
+            <Grid.Row fluid gap={8} style={{ marginTop: 20 }}>
               <Button as="a" href={buildRouteLink(AppRoute.AUTH_REGISTER, {})}>
                 Register
               </Button>

...
@@ -167,7 +167,7 @@ const HomeView: ReactView<HomeViewProps> = (props) => {
             style={{
               width: "100%",
               maxWidth: 500,
-              minWidth: 400,
+              minWidth: 375,
               height: "auto",
               marginTop: 24,
               objectFit: "contain",

...
@@ -260,7 +260,7 @@ const HomeView: ReactView<HomeViewProps> = (props) => {
                       </h3>
                       <div
                         className="cta"
-                        style={{ display: "flex", gap: 16, marginTop: 16 }}
+                        style={{ display: "flex", gap: 8, marginTop: 16 }}
                       >
                         <Button
                           as="a"

...
@@ -294,7 +294,7 @@ const HomeView: ReactView<HomeViewProps> = (props) => {
                       </h3>
                       <div
                         className="cta"
-                        style={{ display: "flex", gap: 16, marginTop: 16 }}
+                        style={{ display: "flex", gap: 8, marginTop: 16 }}
                       >
                         <Button
                           as="a"