Housekeeping

Author: Tejas Kumar

Diff for: README.md

@@ -1,8 +1,8 @@
-# Basically, Fullstack GraphQL
+# Basically, Full-stack GraphQL
 
-This _pretty trivial_ project aims at introduction a newcomer to GraphQL and the way it works. The code aims to explain the client and the server side.
+This _fairly trivial_ project aims at introducing a newcomer to GraphQL and the way it works. The code aims to explain the client and the server side of things.
 
-The source code has been heavily commented and documented in order to explain what's going on. It is highly recommended to read through, do _not_ be afraid!
+The source code has been heavily commented and documented in order to explain what's going on. It is highly recommended to read through it. Do _not_ be afraid!
 
 ## Getting Started
 

Diff for: package.json

@@ -1,6 +1,7 @@
 {
   "name": "basically-fullstack-graphql",
   "version": "1.0.0",
+  "private": true,
   "main": "index.js",
   "license": "MIT",
   "author": "Tejas Kumar <[email protected]>",

Diff for: src/client/index.css

@@ -23,13 +23,24 @@ a:hover {
 .app {
   width: 100vw;
   height: 100vh;
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 
 .app__search-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
 }
 
@@ -48,7 +59,8 @@ a:hover {
   border: 0;
   background-color: var(--color__vue-green);
   color: white;
-  appearance: none;
+  -moz-appearance: none;
+       appearance: none;
   -webkit-appearance: none;
 }
 
@@ -58,9 +70,16 @@ a:hover {
 }
 
 .results-list {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: column;
-  align-items: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: 0;
   list-style-type: none;
 }
@@ -70,6 +89,8 @@ a:hover {
 }
 
 .card {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
   margin: 16px 0;
   padding: 16px;