Various UI improvements

about.html

@@ -39,11 +39,11 @@
   <div class='commitHash'></div>
   <div class='environment'></div>
   <div>
-    <a href="https://loki.network">loki.network</a>
+    <a href="https://getsession.org">loki.network</a>
   </div>
   <br>
   <div>
-    <a class="privacy" href="https://loki.network">Terms &amp; Privacy Policy</a>
+    <a class="privacy" href="https://getsession.org">Terms &amp; Privacy Policy</a>
   </div>
 
   <script type='text/javascript' src='node_modules/jquery/dist/jquery.js'></script>

background.html

@@ -40,7 +40,6 @@
   </script>
 
   <script type='text/x-tmpl-mustache' id='two-column'>
-    <div id='session-toast-container'></div>
     <div class='gutter'>
       <div class='network-status-container'></div>
       <div class='left-pane-placeholder'></div>

stylesheets/_modules.scss

@@ -2015,6 +2015,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  margin-top: 5px;
 }
 
 .module-conversation-list-item__message__text {

stylesheets/_session.scss

@@ -156,6 +156,10 @@ div.spacer-lg {
   width: 100%;
 }
 
+::selection {
+  background: rgba($session-color-green, 0.6);
+}
+
 input,
 textarea {
   caret-color: $session-color-green !important;
@@ -998,6 +1002,7 @@ label {
     }
 
     &-display {
+      user-select: text;
       text-align: center;
       word-break: break-all;
       font-size: $session-font-md;
@@ -1293,7 +1298,7 @@ label {
   .module-message {
     font-family: 'SF Pro Text';
     border-radius: 5px;
-  
+
     &__text--incoming {
       /* Add padding to large emojis in chat */
       img.emoji.jumbo {
@@ -1301,7 +1306,6 @@ label {
       }
     }
   }
-  
 }
 
 .bottom-bar {

stylesheets/_session_left_pane.scss

@@ -215,7 +215,7 @@ $session-compose-margin: 20px;
 
   &__list {
     height: -webkit-fill-available;
-    border-top: 1px solid rgba(255,255,255,0.05);
+    border-top: 1px solid rgba(255, 255, 255, 0.05);
 
     &-popup {
       width: -webkit-fill-available;
@@ -244,6 +244,10 @@ $session-compose-margin: 20px;
       padding: 13px;
     }
 
+    h2 {
+      margin-top: 0px;
+    }
+
     h3,
     h2 {
       text-align: center;
@@ -468,7 +472,7 @@ $session-compose-margin: 20px;
   justify-content: center;
   background: $session-color-danger;
   width: 22px;
-  height: 22px;  
+  height: 22px;
   font-size: $session-font-xs;
   margin-left: auto;
   text-align: center;
@@ -508,10 +512,10 @@ $session-compose-margin: 20px;
         .module-conversation__user__profile-name {
           font-size: 13px !important;
         }
-
       }
 
-      &__header__date, &__message {
+      &__header__date,
+      &__message {
         display: none;
       }
 

ts/components/session/ActionsPanel.tsx

@@ -165,15 +165,15 @@ export class ActionsPanel extends React.Component<Props, State> {
           notificationCount={unreadMessageCount}
         />
         <this.Section
-          type={SectionType.Contact}
-          isSelected={isContactPageSelected}
+          type={SectionType.Channel}
+          isSelected={isChannelPageSelected}
           onSelect={this.handleSectionSelect}
-          notificationCount={receivedFriendRequestCount}
         />
         <this.Section
-          type={SectionType.Channel}
-          isSelected={isChannelPageSelected}
+          type={SectionType.Contact}
+          isSelected={isContactPageSelected}
           onSelect={this.handleSectionSelect}
+          notificationCount={receivedFriendRequestCount}
         />
         <this.Section
           type={SectionType.Settings}