Tweaks to conversation details

stylesheets/_mixins.scss

@@ -5,15 +5,15 @@
 
 @mixin font-title-1 {
   font-family: $inter;
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 34px;
+  font-weight: 600;
+  font-size: 26px;
+  line-height: 32px;
   letter-spacing: -0.56px;
 }
 
 @mixin font-title-2 {
   font-family: $inter;
-  font-weight: 700;
+  font-weight: 600;
   font-size: 20px;
   line-height: 26px;
   letter-spacing: -0.34px;

stylesheets/components/Button.scss

@@ -220,9 +220,11 @@
     }
 
     &:focus {
+      @include keyboard-mode {
         box-shadow: 0 0 0 2px $color-ultramarine;
       }
     }
+  }
 
   &__icon {
     @mixin button-icon($icon) {

stylesheets/components/ConversationDetails.scss

@@ -7,7 +7,8 @@
       align-items: center;
       display: flex;
       flex-direction: column;
-      margin: 0 0 24px 0;
+      margin: 0 0 20px 0;
+      padding: 0 24px;
       text-align: center;
       width: 100%;
     }

stylesheets/components/GroupDescription.scss

@@ -7,6 +7,15 @@
     -webkit-line-clamp: 2;
     display: -webkit-box;
     overflow: hidden;
+
+    a {
+      @include light-theme {
+        color: $color-gray-90;
+      }
+      @include dark-theme {
+        color: $color-gray-02;
+      }
+    }
   }
 
   &__read-more {

ts/components/conversation/conversation-details/ConversationDetailsHeader.stories.tsx

@@ -27,7 +27,10 @@ const createConversation = (): ConversationType =>
     type: 'group',
     lastUpdated: 0,
     title: text('conversation title', 'Some Conversation'),
-    groupDescription: text('description', 'This is a group description'),
+    groupDescription: text(
+      'description',
+      'This is a group description. https://www.signal.org'
+    ),
   });
 
 const createProps = (overrideProps: Partial<Props> = {}): Props => ({
@@ -36,7 +39,7 @@ const createProps = (overrideProps: Partial<Props> = {}): Props => ({
   canEdit: false,
   startEditing: action('startEditing'),
   memberships: new Array(number('conversation members length', 0)),
-  isGroup: false,
+  isGroup: true,
   isMe: false,
   ...overrideProps,
 });

ts/components/conversation/conversation-details/ConversationDetailsMediaList.tsx

@@ -57,7 +57,6 @@ export const ConversationDetailsMediaList: React.ComponentType<Props> = ({
           {i18n('ConversationDetailsMediaList--show-all')}
         </button>
       }
-      borderless
       title={i18n('ConversationDetailsMediaList--shared-media')}
     >
       <div className={bem('root')}>