privacy policy checkboxes square. make border line on subscribe form go 100% width with correct padding

3 files changed, 6 insertions, 3 deletions

diff --git a/animism-align/frontend/app/common/form.css b/animism-align/frontend/app/common/form.css
index ac72fc8..1ba81c8 100644
--- a/animism-align/frontend/app/common/form.css
+++ b/animism-align/frontend/app/common/form.css
@@ -141,7 +141,7 @@ input[type="checkbox"]:after {
   background-position: center;
   cursor: pointer;
   transition: background-color 0.1s;
-  border-radius: 0.125rem;
+  /* border-radius: 0.125rem; */
 }
 input[type=checkbox]:focus:after {
   border-color: #84f;
diff --git a/animism-align/frontend/app/views/viewer/forms/forms.css b/animism-align/frontend/app/views/viewer/forms/forms.css
index a612c0a..d0feaea 100644
--- a/animism-align/frontend/app/views/viewer/forms/forms.css
+++ b/animism-align/frontend/app/views/viewer/forms/forms.css
@@ -18,7 +18,7 @@
   line-height: 1;
   background: transparent;
   border: 0;
-  padding: 0;
+  padding: 0 11rem 0 0;
   width: 100%;
   border-bottom: 1px solid #ddd;
   margin-right: 1rem;
@@ -50,6 +50,7 @@
 }
 
 .credits-content .subscription-row {
+  position: relative;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
@@ -58,7 +59,8 @@
   margin: 0.25rem 0;
 }
 .credits-content button.subscription-submit {
-  position: relative;
+  position: absolute;
+  right: 0;
   background: transparent;
   border: 0;
   padding: 0 0.75rem 0 0;
diff --git a/animism-align/frontend/app/views/viewer/sections/subscribe.css b/animism-align/frontend/app/views/viewer/sections/subscribe.css
index 88a7b94..fed7c8b 100644
--- a/animism-align/frontend/app/views/viewer/sections/subscribe.css
+++ b/animism-align/frontend/app/views/viewer/sections/subscribe.css
@@ -114,6 +114,7 @@
 .nav-subscribe form input[type="checkbox"] {
   display: inline;
   margin: 0 0.5rem 0 0;
+  border-radius: 0;
 }
 .nav-subscribe form label span {
   display: inline;