From 4e4a25f3a680bdc58678ee5f0fd3945d736ecae7 Mon Sep 17 00:00:00 2001
From: Devine Lu Linvega <aliceffekt@gmail.com>
Date: Wed, 24 Jul 2019 11:05:43 +0900
Subject: [PATCH] Fixed style of status

---
 README.md                            |  2 ++
 desktop/sources/links/main.css       | 13 +++++++------
 desktop/sources/links/theme.css      |  3 ++-
 desktop/sources/scripts/commander.js |  2 +-
 desktop/sources/scripts/source.js    |  2 +-
 5 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/README.md b/README.md
index 096b4d6..a8de701 100644
--- a/README.md
+++ b/README.md
@@ -118,6 +118,8 @@ Additional functions can be found in the [includes](https://github.com/hundredra
 
 <img src='https://raw.githubusercontent.com/hundredrabbits/Ronin/master/PREVIEW2.jpg' width='600'/>
 
+<img src='https://raw.githubusercontent.com/hundredrabbits/Ronin/master/PREVIEW3.jpg' width='600'/>
+
 ## Extras
 
 - This application supports the [Ecosystem Theme](https://github.com/hundredrabbits/Themes).
diff --git a/desktop/sources/links/main.css b/desktop/sources/links/main.css
index bdd4f7a..29e8a24 100644
--- a/desktop/sources/links/main.css
+++ b/desktop/sources/links/main.css
@@ -6,17 +6,18 @@ body { margin:0px; padding:0px; overflow:hidden; font-family:"input_mono_regular
 #ronin #wrapper { overflow: hidden; position: relative; }
 #ronin #wrapper #commander { z-index: 9000;position: relative;width: 310px;height: calc(100vh - 60px);-webkit-app-region: no-drag;padding-right: 30px;transition: margin-left 250ms;}
 #ronin #wrapper #commander textarea { background: none; width: 100%; height: calc(100vh - 105px); resize: none; font-size: 12px;line-height: 15px; padding-right: 15px}
-#ronin #wrapper #commander div#status { position: absolute; bottom: 0px; text-transform: lowercase;}
+#ronin #wrapper #commander #status { position: absolute; bottom: 0px; text-transform: lowercase; line-height: 15px; height: 30px; overflow: hidden; width: calc(100% - 30px);}
+#ronin #wrapper #commander #source { position: absolute;right: 0px;bottom: 0px; }
 #ronin.expand #wrapper #commander { width:100%; }
-#ronin canvas#surface,#ronin canvas#guide { position: absolute; top:0px; -webkit-user-select: none;-webkit-app-region: no-drag; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='1' fill='%23555'></circle></svg>"); background-size: 10px 10px; background-position: -4px -4px; width:100%; height:100%;  transition: left 250ms}
+#ronin #surface,#ronin #guide { position: absolute; top:0px; -webkit-user-select: none;-webkit-app-region: no-drag; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><circle cx='10' cy='10' r='1' fill='%23555'></circle></svg>"); background-size: 10px 10px; background-position: -4px -4px; width:100%; height:100%;  transition: left 250ms}
 
 /* Default */
 
 #ronin.hidden #wrapper #commander { margin-left:-40vw; }
-#ronin.hidden canvas#surface, #ronin.hidden canvas#guide { left:0; }
+#ronin.hidden #surface, #ronin.hidden #guide { left:0; }
 
 #ronin.hidden #wrapper #commander { margin-left:calc(-40vw - 30px); }
-#ronin canvas#surface,#ronin canvas#guide { left:calc(40vw + 30px); }
+#ronin #surface,#ronin #guide { left:calc(40vw + 30px); }
 
-#ronin canvas#guide { background:none; }
-#ronin canvas#surface { border-radius: 2px }
+#ronin #guide { background:none; }
+#ronin #surface { border-radius: 2px }
diff --git a/desktop/sources/links/theme.css b/desktop/sources/links/theme.css
index f82f7b7..70585e6 100644
--- a/desktop/sources/links/theme.css
+++ b/desktop/sources/links/theme.css
@@ -2,4 +2,5 @@ body { background:var(--background);  }
 #ronin #wrapper { background: var(--background); }
 #ronin #wrapper #commander { background:var(--background); }
 #ronin #wrapper #commander textarea { color:var(--f_high); }
-#ronin #wrapper #commander div#status { color:var(--f_med); }
\ No newline at end of file
+#ronin #wrapper #commander #status { color:var(--f_med); }
+#ronin #wrapper #commander #status #source { color:var(--f_low); }
\ No newline at end of file
diff --git a/desktop/sources/scripts/commander.js b/desktop/sources/scripts/commander.js
index d2a899d..591f354 100644
--- a/desktop/sources/scripts/commander.js
+++ b/desktop/sources/scripts/commander.js
@@ -76,7 +76,7 @@ function Commander (ronin) {
       // console.log(msg)
     }
     // Source
-    const _source = `${ronin.source} ${this._input.value.split('\n').length} lines`
+    const _source = `${ronin.source}[${this._input.value.split('\n').length}]`
     if (_source !== this._source.textContent) {
       this._source.textContent = _source
     }
diff --git a/desktop/sources/scripts/source.js b/desktop/sources/scripts/source.js
index 2e0a666..2ffa3c3 100644
--- a/desktop/sources/scripts/source.js
+++ b/desktop/sources/scripts/source.js
@@ -138,7 +138,7 @@ function Source (ronin) {
   }
 
   this.toString = function () {
-    return this.path ? this.name() + '.lisp' : 'unsaved'
+    return this.path ? this.name() + '.lisp' : '*new'
   }
 
   function isDifferent (a, b) {