From f868eae309109e11ad5c8cb71526c136a42250aa Mon Sep 17 00:00:00 2001
From: apapachristou <apapachristou@cite.gr>
Date: Fri, 25 Oct 2019 17:58:09 +0300
Subject: [PATCH] Adds responsiveness on login card

---
 .../app/ui/auth/login/login.component.scss    | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/dmp-frontend/src/app/ui/auth/login/login.component.scss b/dmp-frontend/src/app/ui/auth/login/login.component.scss
index af54ca616..bdded71f0 100644
--- a/dmp-frontend/src/app/ui/auth/login/login.component.scss
+++ b/dmp-frontend/src/app/ui/auth/login/login.component.scss
@@ -46,6 +46,12 @@
   }
 }
 
+// @media (max-width: 438px) {
+//   .social-btns i {
+//     padding: 0.4em !important;
+//   }
+// }
+
 .container {
   height: 100%;
   position: relative;
@@ -122,10 +128,15 @@
 
 .social-btns i {
   font-size: 2.5em;
-  padding: 1em;
+  padding: 0.8em;
   color: #fff;
 }
 
+// .social-btns:hover {
+//   background-color: #f5f5f5;
+//   border-radius: 1em;
+// }
+
 .tip {
   margin-top: -20px;
 }
@@ -177,8 +188,8 @@ span.iconmedium {
   float: left;
   width: 100px;
   height: 56px;
-  margin-left: 2em;
-  margin-right: 2em;
+  //   margin-left: 1em;
+  //   margin-right: 1em;
 }
 
 span.orcidIconMedium {
@@ -187,8 +198,8 @@ span.orcidIconMedium {
   float: right;
   width: 100px;
   height: 56px;
-  margin-left: 2em;
-  margin-right: 2em;
+  //   margin-left: 1em;
+  //   margin-right: 1em;
 }
 
 span.openaireIcon {
@@ -197,8 +208,8 @@ span.openaireIcon {
   float: right;
   width: 100px;
   height: 56px;
-  margin-left: 2em;
-  margin-right: 2em;
+  //   margin-left: 1em;
+  //   margin-right: 1em;
 }
 
 .b2access-button {