Stylistic updated

README.md

@@ -5,7 +5,6 @@
 Session integrates directly with [Loki Service Nodes](https://lokidocs.com/ServiceNodes/SNOverview/), which are a set of distributed, decentralized and Sybil resistant nodes. Service Nodes act as servers which store messages offline, and a set of nodes which allow for onion routing functionality obfuscating users IP Addresses. For a full understanding of how Session works, read the [Session Whitepaper](https://getsession.org/whitepaper).
 ![DesktopSession](https://i.imgur.com/ZnHvYjo.jpg)
 
-
 ## Want to Contribute? Found a Bug or Have a feature request?
 
 Please search for any [existing issues](https://github.com/loki-project/session-desktop/issues) that describe your bugs in order to avoid duplicate submissions. Submissions can be made by making a pull request to our development branch. If you don't know where to start contributing , try reading the Github issues page for ideas.

stylesheets/_modules.scss

@@ -1233,7 +1233,8 @@
   text-align: center;
 }
 
-.module-group-notification__change, .module-timer-notification__message {
+.module-group-notification__change,
+.module-timer-notification__message {
   background-color: #212121;
   width: 90%;
   max-width: 700px;
@@ -1443,7 +1444,6 @@
   flex-direction: row;
   align-items: center;
 
-  height: $header-height;
   color: $color-gray-90;
 
   background-color: $color-white;
@@ -1467,9 +1467,7 @@
   flex-shrink: 1;
   min-width: 0;
   display: block;
-
   text-align: center;
-  height: 48px;
 }
 
 .module-conversation-header__title-text {

stylesheets/_session.scss

@@ -203,7 +203,9 @@ $session-conversation-header-height: 60px;
 .text-selectable {
   user-select: text;
 
-  ::selection {
+  &::selection {
+    border-radius: 3px;
+    padding: 3px;
     background: rgba($session-color-green, 0.6);
   }
 }
@@ -492,6 +494,10 @@ $session-element-border-green: 4px solid $session-color-green;
   }
 }
 
+.module-conversation-header {
+  height: $main-view-header-height;
+}
+
 .module-conversation-header__title-flex,
 .module-conversation-header__title {
   font-family: Wasa;

stylesheets/_session_left_pane.scss

@@ -180,8 +180,8 @@ $session-compose-margin: 20px;
     flex-direction: row;
     justify-content: space-between;
     align-items: center;
-    padding: 15px 7px 14px 0px;
-    height: 63px;
+    height: $main-view-header-height;
+    padding-right: 7px;
 
     @at-root .light-theme #{&} {
       background-color: $session-color-white;

ts/components/EditProfileDialog.tsx

@@ -110,7 +110,14 @@ export class EditProfileDialog extends React.Component<Props, State> {
           <div className="panel-text-divider">
             <span>{window.i18n('yourSessionID')}</span>
           </div>
-          <p className={classNames('text-selectable', 'session-id-section-display')}>{sessionID}</p>
+          <p
+            className={classNames(
+              'text-selectable',
+              'session-id-section-display'
+            )}
+          >
+            {sessionID}
+          </p>
 
           <div className="spacer-lg" />