docs: minor UI update for drag reset button

Author: lokesh-coder

docs/app/examples/drag-example/drag-example.component.html

@@ -16,4 +16,6 @@
   />
 </div>
 
-<div class="reset-link pointer" (click)="reset()">Reset</div>
+<div class="pointer" (click)="reset()">
+  <span class="reset-link"> <i class="toppy-icon icon-repeat"></i> Reset</span>
+</div>

docs/styles/_temp.scss

@@ -87,6 +87,14 @@ strong {
   color: clr('dark');
 }
 
+.reset-link {
+  display: inline-block;
+  background: #dcdfec;
+  color: #83869a;
+  padding: 2px 10px;
+  border-radius: 3px;
+}
+
 .pointer {
   cursor: pointer;
 }
@@ -107,9 +115,10 @@ td em {
     font-size: 1.1rem;
   }
   .desc span {
-    color: clr('yellow');
+    color: #3be1ff;
     position: relative;
     font-size: 0.95rem;
+    font-weight: 700;
     &:before {
       content: '#';
     }
@@ -150,7 +159,9 @@ td em {
       top: 0;
       width: 100%;
       height: 100%;
-      opacity: 0.1;
+      // opacity: 0.1;
+      background-color: #8bc6ec;
+      background-image: linear-gradient(160deg, #7d61af 0%, #3f51b5 100%);
     }
   }
 }