[chore] CSS changes

openwisp · Oct 2, 2024 · 4171bd4 · 4171bd4
1 parent dfe62ed
commit 4171bd4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 29 deletions.
diff --git a/openwisp_notifications/static/openwisp-notifications/css/unsubscribe.css b/openwisp_notifications/static/openwisp-notifications/css/unsubscribe.css
@@ -1,16 +1,14 @@
 #content, .content {
-    padding: 0 !important;
+  padding: 0 !important;
 }
 .unsubscribe-container {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   height: 95vh;
-  overflow: none;
 }
 .unsubscribe-content {
-  background: #ffffff;
   padding: 40px;
   border-radius: 12px;
   text-align: center;
@@ -19,39 +17,18 @@
   width: 100%;
 }
 .unsubscribe-content h1 {
-    padding-top: 20px;
+  padding-top: 10px;
 }
 .logo {
   width: 200px;
   margin-bottom: 80px;
-  background-repeat: no-repeat;
 }
-.icon {
+.email-icon {
   background-image: url('../../openwisp-notifications/images/icons/icon-email.svg');
   width: 50px;
   height: 50px;
   margin: 0 auto;
-}
-h1 {
-  font-size: 24px;
-}
-p {
-  color: #555;
-  margin-bottom: 20px;
-  line-height: 1.5;
-}
-button {
-  background-color: #333;
-  color: white;
-  padding: 10px 20px;
-  border: none;
-  border-radius: 5px;
-  cursor: pointer;
-  margin: 5px;
-}
-button:hover {
-  opacity: 0.7;
-  border-color: #333;
+  transform: scale(2) translate(25%, 25%);
 }
 .footer {
   margin-top: 20px;

diff --git a/openwisp_notifications/templates/openwisp_notifications/unsubscribe.html b/openwisp_notifications/templates/openwisp_notifications/unsubscribe.html
@@ -23,7 +23,7 @@
       class="logo"
     />
     <div class="unsubscribe-content">
-      <div class="icon"></div>
+      <div class="icon email-icon"></div>
       <h1>{% trans 'Manage Notification Preferences' %}</h1>
       {% if valid %}
         <p id="status-message">
@@ -33,7 +33,7 @@ <h1>{% trans 'Manage Notification Preferences' %}</h1>
             {% trans 'You are currently unsubscribed from notifications.' %}
           {% endif %}
         </p>
-        <button id="toggle-btn" data-hasSubscribe="{% if is_subscribed %}true{% else %}false{% endif %}">
+        <button id="toggle-btn" class="button default" data-hasSubscribe="{% if is_subscribed %}true{% else %}false{% endif %}">
           {% if is_subscribed %}
             {% trans 'Unsubscribe' %}
           {% else %}