From f56bc6d9e4741a1beea90805923db221167eec59 Mon Sep 17 00:00:00 2001
From: Gusted <williamzijl7@hotmail.com>
Date: Tue, 26 Jul 2022 22:58:17 +0200
Subject: [PATCH] Let widget use full-screen

- Instead of using static values for dimensions. Use responsive CSS and
take up the whole screen. Let the user deal with setting the correct
dimensions accordingly.
---
 templates/widget/main.scss | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/templates/widget/main.scss b/templates/widget/main.scss
index 5f913354..c310d847 100644
--- a/templates/widget/main.scss
+++ b/templates/widget/main.scss
@@ -18,10 +18,10 @@
 @import '../reset';
 
 .widget__contaienr {
-  max-width: 300px;
-  max-height: 74px;
-  display: flex;
+  align-items: center;
   box-sizing: border-box;
+  display: flex;
+  height: 100%;
 }
 
 .widget__noscript-container {
@@ -49,13 +49,10 @@
 }
 
 .widget__verification-container {
-  display: none;
-  /*display: flex; */
   align-items: center;
+  display: none;
   line-height: 30px;
-  flex: 2;
-  margin: auto;
-  font-size: 0.99rem;
+  font-size: 1rem;
 }
 
 .widget__verification-checkbox {
@@ -95,15 +92,10 @@
 }
 
 .widget__mcaptcha-details {
-  flex: 1;
   display: flex;
   flex-direction: column;
-  box-sizing: border-box;
-}
-
-.widget__mcaptcha-logo-container {
-  flex: 2;
-  padding-top: 3px;
+  margin-left: auto;
+  margin-right: 10px;
 }
 
 .widget__mcaptcha-brand-name {