Added functionality to remove the attachment icon when the event does not have one | added same style from home at agenda view

src/app/pages/agenda/agenda.page.html

@@ -2,8 +2,9 @@
   <ion-toolbar>
     <!-- customized TOGGLE button -->
     <label class="switch"><input type="checkbox" id="togBtn">
-      <div class="slider round" (click)="showAlert()">
-      <!--ADDED HTML --><span class="mdgpr">MDGPR</span><span class="pr">PR</span><!--END-->
+      <div (click)="showAlert()">
+        <div class="slider round">
+        <!--ADDED HTML --><span class="mdgpr">MDGPR</span></div><span class="pr">PR</span><!--END-->
     </div>
   </label>
   </ion-toolbar>

src/app/pages/agenda/agenda.page.scss

@@ -32,14 +32,14 @@
 
 
 
-
+/* TOGGLE button */
 .switch {
   position: relative;
   display: inline-block;
   width: 90px;
   height: 34px;
   float: right;
-  margin-right: 37px;
+  margin:20px 20px 0 0;
 }
 
 .switch input {display:none;}
@@ -51,7 +51,9 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background-color: #e16817;
+  background-color: #ffffff;
+  border: 1px solid #e16817;
+  color: #e16817;
   -webkit-transition: .4s;
   transition: .4s;
 }
@@ -59,8 +61,8 @@
 .slider:before {
   position: absolute;
   content: "";
-  height: 26px;
-  width: 26px;
+  height: 23.5px; /* 26px;  */
+  width: 24px;
   left: 4px;
   bottom: 4px;
   background-color: #ffffff;
@@ -70,7 +72,6 @@
 
 input:checked + .slider {
   background-color: #e16817;
-  /* border: 1px solid #ffffff; */
 }
 
 input:focus + .slider {
@@ -89,26 +90,28 @@ input:checked + .slider:before {
   display: none;
   text-align: left !important;
   left: 25px !important; 
+  color: white;
 }
 .mdgpr
 {
 
-  left: 60px !important; 
+  left: 58px !important;
+  color: #e16817;
 }
 
 .pr, .mdgpr
 {
-  color: white;
   position: absolute;
   transform: translate(-50%,-50%);
   top: 50%;
   left: 50%;
-  font-size: 10px;
+  font-size: 12px;
   font-family: Verdana, sans-serif;
 }
 
 input:checked+ .slider .pr
 {display: block;
+  background:#e16817;
 }
 
 input:checked + .slider .mdgpr
@@ -125,4 +128,5 @@ input:checked + .slider .mdgpr
 
 .slider.round:before {
   border-radius: 50%;
-}
+  border: 1px solid #e16817;
+}