From adf019d51db5d1c05057e26a18515e99fc3094b3 Mon Sep 17 00:00:00 2001
From: kasperisager <kasperisager@gmail.com>
Date: Tue, 20 May 2014 17:21:20 -0400
Subject: [PATCH] Correctly size small profile photos

---
 design/custom_amelia.css     | 4 ++++
 design/custom_bootstrap.css  | 4 ++++
 design/custom_cerulean.css   | 4 ++++
 design/custom_cosmo.css      | 4 ++++
 design/custom_cyborg.css     | 4 ++++
 design/custom_darkly.css     | 4 ++++
 design/custom_flatly.css     | 4 ++++
 design/custom_journal.css    | 4 ++++
 design/custom_lumen.css      | 4 ++++
 design/custom_readable.css   | 4 ++++
 design/custom_simplex.css    | 4 ++++
 design/custom_slate.css      | 4 ++++
 design/custom_spacelab.css   | 4 ++++
 design/custom_superhero.css  | 4 ++++
 design/custom_united.css     | 4 ++++
 design/custom_yeti.css       | 4 ++++
 design/style.css             | 4 ++++
 less/components/avatars.less | 4 ++++
 18 files changed, 72 insertions(+)

diff --git a/design/custom_amelia.css b/design/custom_amelia.css
index a219897..28d3931 100644
--- a/design/custom_amelia.css
+++ b/design/custom_amelia.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_bootstrap.css b/design/custom_bootstrap.css
index 434b036..476beed 100644
--- a/design/custom_bootstrap.css
+++ b/design/custom_bootstrap.css
@@ -3575,6 +3575,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_cerulean.css b/design/custom_cerulean.css
index 6945610..199947d 100644
--- a/design/custom_cerulean.css
+++ b/design/custom_cerulean.css
@@ -3547,6 +3547,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_cosmo.css b/design/custom_cosmo.css
index 7c4ca14..01575af 100644
--- a/design/custom_cosmo.css
+++ b/design/custom_cosmo.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 42px;
   border-radius: 0;
 }
+.ProfilePhotoSmall {
+  width: 21px;
+  height: 21px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_cyborg.css b/design/custom_cyborg.css
index cd3faaa..a92abcb 100644
--- a/design/custom_cyborg.css
+++ b/design/custom_cyborg.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_darkly.css b/design/custom_darkly.css
index 62dec26..a70de66 100644
--- a/design/custom_darkly.css
+++ b/design/custom_darkly.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 42px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 21px;
+  height: 21px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_flatly.css b/design/custom_flatly.css
index 22004b9..a60e74e 100644
--- a/design/custom_flatly.css
+++ b/design/custom_flatly.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 42px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 21px;
+  height: 21px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_journal.css b/design/custom_journal.css
index 16cc671..d4d8052 100644
--- a/design/custom_journal.css
+++ b/design/custom_journal.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 42px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 21px;
+  height: 21px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_lumen.css b/design/custom_lumen.css
index 6e6fdfd..455eb1c 100644
--- a/design/custom_lumen.css
+++ b/design/custom_lumen.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 2px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_readable.css b/design/custom_readable.css
index f5b4fe1..587533e 100644
--- a/design/custom_readable.css
+++ b/design/custom_readable.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 44px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 22px;
+  height: 22px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_simplex.css b/design/custom_simplex.css
index 760ca9d..cc596f4 100644
--- a/design/custom_simplex.css
+++ b/design/custom_simplex.css
@@ -3547,6 +3547,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_slate.css b/design/custom_slate.css
index b4e4de6..fa7cc42 100644
--- a/design/custom_slate.css
+++ b/design/custom_slate.css
@@ -3559,6 +3559,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_spacelab.css b/design/custom_spacelab.css
index cd5b8f7..9c80902 100644
--- a/design/custom_spacelab.css
+++ b/design/custom_spacelab.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_superhero.css b/design/custom_superhero.css
index 113075a..c155d35 100644
--- a/design/custom_superhero.css
+++ b/design/custom_superhero.css
@@ -3545,6 +3545,10 @@ button.token-input-delete-token {
   height: 42px;
   border-radius: 0;
 }
+.ProfilePhotoSmall {
+  width: 21px;
+  height: 21px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_united.css b/design/custom_united.css
index 501de01..62b1e52 100644
--- a/design/custom_united.css
+++ b/design/custom_united.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/custom_yeti.css b/design/custom_yeti.css
index 72de53e..501b44d 100644
--- a/design/custom_yeti.css
+++ b/design/custom_yeti.css
@@ -3548,6 +3548,10 @@ button.token-input-delete-token {
   height: 42px;
   border-radius: 0;
 }
+.ProfilePhotoSmall {
+  width: 21px;
+  height: 21px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/design/style.css b/design/style.css
index 18bda54..472e7e9 100644
--- a/design/style.css
+++ b/design/style.css
@@ -3547,6 +3547,10 @@ button.token-input-delete-token {
   height: 40px;
   border-radius: 3px;
 }
+.ProfilePhotoSmall {
+  width: 20px;
+  height: 20px;
+}
 .ProfilePhotoLarge {
   width: 100%;
 }
diff --git a/less/components/avatars.less b/less/components/avatars.less
index 22e5b88..1b81dd5 100644
--- a/less/components/avatars.less
+++ b/less/components/avatars.less
@@ -11,6 +11,10 @@
   border-radius: @border-radius-small;
 }
 
+.ProfilePhotoSmall {
+  .square(@line-height-computed);
+}
+
 .ProfilePhotoLarge {
   width: 100%;
 }
-- 
GitLab