Merge pull request #431 from melix99/small-body-font

Small font changes

Author: melix99

data/resources/style.css

@@ -6,6 +6,10 @@
   font-size: 0.8em;
 }
 
+.small-body {
+  font-size: 10pt;
+}
+
 /* NOTE: The default `accent` class produces
  * a semi-transparent color with separators.
  */
@@ -76,19 +80,10 @@
   padding: 6px 0;
 }
 
-.chat-list row .timestamp {
-  font-size: smaller;
-  font-feature-settings: "tnum";
-}
-
 .chat-list row minithumbnail {
   border-radius: 3px;
 }
 
-.chat-list row .message {
-  font-size: small;
-}
-
 .chat-list row .unread-mention-count {
   color: @accent_fg_color;
   background-color: @accent_bg_color;

data/resources/ui/content-chat-action-bar.ui

@@ -38,7 +38,8 @@
                   <object class="GtkInscription" id="top_bar_sender_label">
                     <property name="text-overflow">ellipsize-end</property>
                     <style>
-                      <class name="caption-heading"/>
+                      <class name="heading"/>
+                      <class name="small-body"/>
                       <class name="accent"/>
                     </style>
                   </object>

data/resources/ui/sidebar-row.ui

@@ -50,7 +50,8 @@
                     <property name="single-line-mode">True</property>
                     <style>
                       <class name="dim-label"/>
-                      <class name="timestamp"/>
+                      <class name="numeric"/>
+                      <class name="caption"/>
                     </style>
                   </object>
                 </child>
@@ -71,7 +72,7 @@
                     <property name="ellipsize">end</property>
                     <property name="xalign">0</property>
                     <style>
-                      <class name="message"/>
+                      <class name="small-body"/>
                     </style>
                   </object>
                 </child>
@@ -86,7 +87,7 @@
                     <property name="hexpand">True</property>
                     <property name="text-overflow">ellipsize-end</property>
                     <style>
-                      <class name="message"/>
+                      <class name="small-body"/>
                     </style>
                   </object>
                 </child>

src/session/content/message_row/bubble.rs

@@ -38,7 +38,8 @@ mod imp {
                     <property name="xalign">0</property>
                     <property name="visible">False</property>
                     <style>
-                      <class name="caption-heading"/>
+                      <class name="heading"/>
+                      <class name="small-body"/>
                     </style>
                   </object>
                 </child>