refactor

src/ui/ab.tis

@@ -64,7 +64,7 @@ class SessionStyle: Reactor.Component {
 
     function render() {
         var sessionsStyle = getSessionsStyle(this.type);
-        return <div .sessions-style>
+        return <div .sessions-tab style="margin-left: 0.5em">
                 <span class={sessionsStyle == "tile" ? "active" : "inactive"}>{svg_tile}</span>
                 <span class={sessionsStyle != "tile" ? "active" : "inactive"}>{svg_list}</span>
             </div>;

src/ui/index.css

@@ -48,21 +48,17 @@ div.sessions-bar {
     flow: horizontal;
 }
 
-div.sessions-style {
+div.sessions-tab span {
-    margin-left: 0.5em;
-}
-
-div.sessions-style span {
     display: inline-block;
     padding: 6px 12px;
     cursor: pointer;
 }
 
-div.sessions-style svg {
+div.sessions-tab svg {
     size: 14px;
 }
 
-div.sessions-style span.active {
+div.sessions-tab span.active {
     cursor: default;
     border-radius: 3px;
     background: white;

src/ui/index.tis

@@ -59,7 +59,7 @@ class RecentSessions: Reactor.Component {
                 <div style="width:*">
                     {translate("Recent Sessions")}
                 </div>
-                <SearchBar parent={this} />
+                {!app.hidden && <SearchBar parent={this} />}
                 {!app.hidden && <SessionStyle />}
             </div>
             {!app.hidden && <SessionList @{this.sessionList} style={sessionsStyle} sessions={sessions} />}