better tabbing/labeling in gitpod.yml (publiclab#10191)

* better tabbing/labeling in gitpod.yml

* Update .gitpod.yml

* Update .gitpod.yml

* Update .gitpod.yml

.gitpod.yml

@@ -4,11 +4,24 @@ ports:
     - port: 3000
       onOpen: open-preview
 tasks:
-    - init: >
+
+    - name: Chromium
+      init: gp sync-await bundle # await Rails command
+      command: chromium-browser --no-sandbox
+      openMode: tab-before
+
+    - name: Redis
+      init: gp sync-await bundle # await Rails command
+      command: redis-server
+      openMode: tab-before
+
+    - name: Rails
+      init: >
         export CHROME_BIN=/usr/bin/chromium-browser &&
         gem install bundler &&
         bundle config set without 'production' &&
         bundle install &&
+        gp sync-done bundle &&
         cp config/database.yml.gitpod config/database.yml &&
         mysql -e "SET @@global.sql_mode=(SELECT REPLACE(@@global.sql_mode, 'ONLY_FULL_GROUP_BY', ''));" &&
         mysql -e "CREATE DATABASE plots;" &&
@@ -18,10 +31,12 @@ tasks:
         rails g react:install
       command: >
           passenger start
+      openMode: split-left
 
-    - command: chromium-browser --no-sandbox
-    - command: redis-server
-    - command: rails c
+    - name: Rails console
+      init: gp sync-await bundle # await Rails command
+      command: rails c
+      openMode: split-right
 
 github:
     prebuilds: