Small improvements in react-starter template

Author: MargaretKrutikova

jscomp/bsb/templates/react-starter/src/App.re

@@ -22,7 +22,9 @@ let make = () => {
       <button onClick={_ => dispatch(Decrement)}>
         {React.string("Decrement")}
       </button>
-      <span> {state.count |> string_of_int |> React.string} </span>
+      <span className="counter">
+        {state.count |> string_of_int |> React.string}
+      </span>
       <button onClick={_ => dispatch(Increment)}>
         {React.string("Increment")}
       </button>

jscomp/bsb/templates/react-starter/src/index.css

@@ -1,12 +1,14 @@
 body {
   margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
-    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+  font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial,
+    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 
 main {
   padding: 20px;
 }
+
+.counter {
+  padding: 20px;
+  display: inline-block;
+}