From bcdc3608480421c73cd4a875227e5868700eff05 Mon Sep 17 00:00:00 2001
From: GraysonNull <graysonnull@me.com>
Date: Tue, 21 Jul 2020 19:32:41 +0000
Subject: [PATCH] ensure that size and positioning of app icons are consistent
 throughout the app

---
 kotsadm/web/src/scss/components/Login.scss                     | 3 ++-
 .../src/scss/components/gitops/GitOpsDeploymentManager.scss    | 3 ++-
 kotsadm/web/src/scss/components/gitops/GitOpsSettings.scss     | 3 ++-
 kotsadm/web/src/scss/components/shared/SideBar.scss            | 3 ++-
 kotsadm/web/src/scss/components/watches/WatchDetailPage.scss   | 3 ++-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/kotsadm/web/src/scss/components/Login.scss b/kotsadm/web/src/scss/components/Login.scss
index 7bef9f2e03..dd5f63dda1 100644
--- a/kotsadm/web/src/scss/components/Login.scss
+++ b/kotsadm/web/src/scss/components/Login.scss
@@ -20,7 +20,8 @@
     height: 60px;
     border-radius: 50%;
     background-position: center;
-    background-size: cover;
+    background-size: contain;
+    background-repeat: no-repeat;
     box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
   }
 
diff --git a/kotsadm/web/src/scss/components/gitops/GitOpsDeploymentManager.scss b/kotsadm/web/src/scss/components/gitops/GitOpsDeploymentManager.scss
index dda3143f28..a091ca5ab3 100644
--- a/kotsadm/web/src/scss/components/gitops/GitOpsDeploymentManager.scss
+++ b/kotsadm/web/src/scss/components/gitops/GitOpsDeploymentManager.scss
@@ -51,7 +51,8 @@
 .appIcon {
   width: 36px;
   height: 36px;
-  background-size: cover;
+  background-size: contain;
+  background-position: center;
   background-repeat: no-repeat;
   border-radius: 100%;
   box-shadow: inset 0 0 3px rgba(0,0,0,0.16);
diff --git a/kotsadm/web/src/scss/components/gitops/GitOpsSettings.scss b/kotsadm/web/src/scss/components/gitops/GitOpsSettings.scss
index 47b728b3b7..b1211586a2 100644
--- a/kotsadm/web/src/scss/components/gitops/GitOpsSettings.scss
+++ b/kotsadm/web/src/scss/components/gitops/GitOpsSettings.scss
@@ -13,7 +13,8 @@
 .appIcon {
   width: 50px;
   height: 50px;
-  background-size: cover;
+  background-size: contain;
+  background-position: center;
   background-repeat: no-repeat;
   border-radius: 100%;
   box-shadow: inset 0 0 3px rgba(0,0,0,0.16);
diff --git a/kotsadm/web/src/scss/components/shared/SideBar.scss b/kotsadm/web/src/scss/components/shared/SideBar.scss
index 672a534f30..1ec562b2e8 100644
--- a/kotsadm/web/src/scss/components/shared/SideBar.scss
+++ b/kotsadm/web/src/scss/components/shared/SideBar.scss
@@ -33,7 +33,8 @@
   height: 36px;
   width: 36px;
   background-position: center;
-  background-size: cover;
+  background-size: contain;
+  background-repeat: no-repeat;
   margin-right: 10px;
   border-radius: 40px;
   box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
diff --git a/kotsadm/web/src/scss/components/watches/WatchDetailPage.scss b/kotsadm/web/src/scss/components/watches/WatchDetailPage.scss
index 1c4935fc81..6257ded9ea 100644
--- a/kotsadm/web/src/scss/components/watches/WatchDetailPage.scss
+++ b/kotsadm/web/src/scss/components/watches/WatchDetailPage.scss
@@ -113,7 +113,8 @@
     .DetailPageApplication--appIcon {
       width: 80px;
       height: 80px;
-      background-size: cover;
+      background-size: contain;
+      background-position: center;
       background-repeat: no-repeat;
       border-radius: 100%;
       box-shadow: inset 0 0 3px rgba(0,0,0,0.16);