v0.10.20 - Made some small design changes to home pages

skolehjem/resources/views/app/events/index.blade.php

@@ -34,15 +34,49 @@
         ol {
             padding-right: 8px;
         }
+
+
+
+        /*Alert box*/
+        .alert {
+            padding: 20px;
+            background-color: #f44336;
+            color: white;
+            border-radius: 10px;
+        }
+
+        .closebtn {
+            margin-left: 15px;
+            color: white;
+            font-weight: bold;
+            float: right;
+            font-size: 22px;
+            line-height: 20px;
+            cursor: pointer;
+            transition: 0.3s;
+        }
+
+        .closebtn:hover {
+            color: black;
+        }
+
+        alertBoxBackground {
+            margin-top: 1rem;
+            margin-bottom: 30px;
+            width: auto;
+            heigt: auto;
+        }
+
     </style>
 
     <main>
         <h1 class="text-center sde-blue mb-0" style="margin-bottom: 2rem">{{ __('msg.aktiviteter') }}</h1>
 
         @if(count(\App\Notification::query()->where("user_id", "=", auth()->user()->id)->get()) > 0)
-            <div class="card" id="notifications">
-                <div class="container" style="margin-top: 8px;">
-                    <button style="margin-left: calc(100% - 1rem - 8px); border-radius: 50%; background-color: #00788a; color: white; border: 1px solid grey;" onclick="deleteNotifications(document.getElementById('notifications'))">X</button>
+            <div class="alertBoxBackground" id="notifications">
+                <div class="alert">
+                    <span class="closebtn" onclick="deleteNotifications(document.getElementById('notifications'))">&times;</span>
+                    <strong>Event Canceled</strong>
                     @foreach(\App\Notification::query()->where("user_id", "=", auth()->user()->id)->get() as $notification)
                         <p>{{ $notification->message }}{{ __("msg.canceled") }}</p>
                     @endforeach