From 43f5ef05ce5cc40e7fb17bbbed6b34f985e4a29b Mon Sep 17 00:00:00 2001
From: LianaHus <liana@ethdev.com>
Date: Mon, 27 Apr 2020 16:02:22 +0200
Subject: [PATCH] style more readable

---
 src/app.js                           | 14 +++---
 src/app/components/vertical-icons.js | 68 ++++++++--------------------
 2 files changed, 26 insertions(+), 56 deletions(-)

diff --git a/src/app.js b/src/app.js
index 5d21483e25..8c35b45084 100644
--- a/src/app.js
+++ b/src/app.js
@@ -123,12 +123,14 @@ class App {
     var self = this
     self._components = {}
     self._view = {}
-    self._view.splashScreen = yo`<div class=${css.centered}>
-    ${basicLogo()}
-    <div class="info-secondary" style="text-align:center">
-      REMIX IDE
-    </div>
-    </div>`
+    self._view.splashScreen = yo`
+    <div class=${css.centered}>
+      ${basicLogo()}
+      <div class="info-secondary" style="text-align:center">
+        REMIX IDE
+      </div>
+      </div>
+    `
     document.body.appendChild(self._view.splashScreen)
 
     // setup storage
diff --git a/src/app/components/vertical-icons.js b/src/app/components/vertical-icons.js
index 324a45d82e..ff64bb3f57 100644
--- a/src/app/components/vertical-icons.js
+++ b/src/app/components/vertical-icons.js
@@ -224,57 +224,25 @@ export class VerticalIcons extends Plugin {
 
   render () {
     let home = yo`
-    <div
-      class="${css.homeIcon}"
-      onclick="${(e) => {
-        this.appManager.ensureActivated('home')
-      }}"
-      plugin="home" title="Home"
-      data-id="verticalIconsHomeIcon"
-    >
-    ${basicLogo()}
-
-    </div>`
-
-    this.iconKind['fileexplorer'] = yo`
-    <div id='fileExplorerIcons' data-id="verticalIconsFileExplorerIcons">
-    </div>
-    `
-
-    this.iconKind['compiler'] = yo`
-    <div id='compileIcons'>
-    </div>
-    `
-
-    this.iconKind['udapp'] = yo`
-    <div id='runIcons'>
-    </div>
-    `
-
-    this.iconKind['testing'] = yo`
-    <div id='testingIcons'>
-    </div>
-    `
-
-    this.iconKind['analysis'] = yo`
-    <div id='analysisIcons'>
-    </div>
-    `
-
-    this.iconKind['debugging'] = yo`
-    <div id='debuggingIcons' data-id="verticalIconsDebuggingIcons">
-    </div>
-    `
-
-    this.iconKind['none'] = yo`
-    <div id='otherIcons'>
-    </div>
-    `
-
-    this.iconKind['settings'] = yo`
-    <div id='settingsIcons' data-id="verticalIconsSettingsIcons">
-    </div>
+      <div
+        class="${css.homeIcon}"
+        onclick="${(e) => {
+          this.appManager.ensureActivated('home')
+        }}"
+        plugin="home" title="Home"
+        data-id="verticalIconsHomeIcon"
+      >
+        ${basicLogo()}
+      </div>
     `
+    this.iconKind['fileexplorer'] = yo`<div id='fileExplorerIcons' data-id="verticalIconsFileExplorerIcons"></div>`
+    this.iconKind['compiler'] = yo`<div id='compileIcons'></div>`
+    this.iconKind['udapp'] = yo`<div id='runIcons'></div>`
+    this.iconKind['testing'] = yo`<div id='testingIcons'></div>`
+    this.iconKind['analysis'] = yo`<div id='analysisIcons'></div>`
+    this.iconKind['debugging'] = yo`<div id='debuggingIcons' data-id="verticalIconsDebuggingIcons"></div>`
+    this.iconKind['none'] = yo`<div id='otherIcons'></div>`
+    this.iconKind['settings'] = yo`<div id='settingsIcons' data-id="verticalIconsSettingsIcons"></div>`
 
     this.view = yo`
       <div class=${css.icons}>