From b26ad89bddfc171050c3148e3b122599f3b3464b Mon Sep 17 00:00:00 2001
From: Tobias Markmann <tm@ayena.de>
Date: Thu, 20 Oct 2016 12:56:59 +0200
Subject: Make avatar size relative to font size

A recent change to web view scaling to have equal font sizes
in and outside the web view cause the pixel sized avatars
to be half the usual size. With this fix the avatar is as
high as The the nickname plus the first line of the first
message.

Test-Information:

Tested on macOS 10.12 with Qt 5.7.0 and QtWebKit TP4.

Change-Id: I13e3c83fdb00e0dc9079c3ad5d6a380f6db5a499

diff --git a/Swift/resources/themes/Default/main.css b/Swift/resources/themes/Default/main.css
index d759ced..c5cc977 100644
--- a/Swift/resources/themes/Default/main.css
+++ b/Swift/resources/themes/Default/main.css
@@ -17,11 +17,8 @@ body {
     height: 100%;
     width:  100%;
     background-color: #fff;
-    /*border: solid 1px #595959; /* REMOVE THIS LINE. FOR DISPLAY PURPOSE ONLY. */
-    /*margin-left: 20%; /* REMOVE THIS LINE. FOR DISPLAY PURPOSE ONLY. */
-    /*margin-top: 75px; /* REMOVE THIS LINE. FOR DISPLAY PURPOSE ONLY. */
     position: absolute;
-  display: table;
+    display: table;
 }
 /* Holds all user and message content */
 
@@ -35,7 +32,6 @@ body {
     top: 0;
     left: 0;
     overflow-wrap: break-word; /* Allow breaking of long words (e.g. URLs) to prevent overflow. */
-    /*margin-top: -2px; /* REMOVE THIS LINE. FOR DISPLAY PURPOSE ONLY. */
 }
 
 /* Individual message */
@@ -77,7 +73,7 @@ body {
 /* Left column content */
 
 :not(.additional) > .user {
-    height: 32px;
+    height: 2.5em;
 }
 
 .user {
@@ -92,7 +88,7 @@ body {
 }
 
 .time {
-    height: 32px;
+    height: 2.5em;
     width: 103px;
     float: left;
     text-align: right;
@@ -133,20 +129,20 @@ body {
 }
 
 .myavatar {
-    height: 32px;
-    width: 32px;
+    height: 2.5em;
+    width: 2.5em;
     display: inline-block;
-    margin:0 auto;
+    margin: 0 auto;
     background-color: #92c47e;
     border-top-left-radius: 50%;
     border-bottom-left-radius: 50%;
 }
 
 .otheravatar {
-    height: 32px;
-    width: 32px;
+    height: 2.5em;
+    width: 2.5em;
     display: inline-block;
-    margin:0 auto;
+    margin: 0 auto;
     background-color: #6eb6ce;
     border-top-left-radius: 50%;
     border-bottom-left-radius: 50%;
@@ -154,52 +150,52 @@ body {
 
 .myavatar img {
     border-radius: 50%;
-    height: 32px;
+    height: 2.5em;
     position: relative;
     left: -1px;
 }
 
 .otheravatar img {
     border-radius: 50%;
-    height: 32px;
+    height: 2.5em;
     position: relative;
     left: -1px;
 }
 
 .myright {
-    float:right;
-    width:40px;
-    height: 32px;
+    float: right;
+    width: 1.65em;
+    height: 2.5em;
     background: #92c47e;
 }
 
 .otherright {
-    float:right;
-    width:40px;
-    height: 32px;
+    float: right;
+    width: 1.65em;
+    height: 2.5em;
     background: #6eb6ce;
 }
 
 :not(.additional) > div > .systemavatar {
-    height: 32px;
+    height: 2.5em;
 }
 
 .systemavatar {
-    width: 32px;
+    width: 2.5em;
     display: inline-block;
-    margin:0 auto;
+    margin: 0 auto;
     background-color: #595959;
     border-top-left-radius: 50%;
     border-bottom-left-radius: 50%;
 }
 
 :not(.additional) > div > .systemright {
-    height: 32px;
+    height: 2.5em;
 }
 
 .systemright {
-    float:right;
-    width: 40px;
+    float: right;
+    width: 1.65em;
     background: #595959;
 }
 
@@ -209,7 +205,7 @@ body {
 }
 
 .message:not(.additional) .text {
-    min-height: 32px;
+    min-height: 2.5em;
 }
 
 .text {
-- 
cgit v0.10.2-6-g49f6