Merge pull request #5781 from deepaksinghgusain227/dashoard-calender-icon-issue

Fixed dashboard ui issue

packages/Webkul/Admin/publishable/assets/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/js/admin.js": "/js/admin.js?id=94da304c8b02ad3ba649",
-    "/css/admin.css": "/css/admin.css?id=16744efa5e8848504030"
+    "/css/admin.css": "/css/admin.css?id=2f20fcdbc6633b4218d7"
 }

packages/Webkul/Admin/src/Resources/assets/sass/partials/_dashboard.scss

@@ -175,16 +175,16 @@
     }
 }
 
-#calender-destop{
+#calender-destop {
     display: block;
 }
 
-#calender-mobile{
+#calender-mobile {
     position: relative;
     display: none;
 }
 
-#calender-mobile span{
+#calender-mobile span {
     background-image: url(../images/Icon-Calendar.svg);
     width: 24px;
     height: 24px;
@@ -195,21 +195,31 @@
     right: 4px;
 }
 
-#date-start{
-    display:block;
-    width: 337px;
-    margin-top:40px;
+#date-start {
+    display: block;
+    width: 100%;
+    margin-top: 40px;
+    margin-left: -20px;
+
+    .control-group {
+        width: 100%;
+    }
 }
 
-#date-end{
-    display:block;
-    width: 337px;
+#date-end {
+    display: block;
+    width: 100%;
+    margin-left: -20px;
+
+    .control-group {
+        width: 100%;
+    }
 }
 
-#date-submit{
-    display:block;
-    width: 337px;
-    margin-top:15px;
+#date-submit {
+    display: block;
+    width: 100%;
+    margin-top: 15px;
 }
 
 .rtl {
@@ -223,46 +233,58 @@
             }
         }
     }
+
+    #calender-mobile span {
+        right: unset;
+        left: 4px;
+    }
+
+    .start-date:after,
+    .end-date:after {
+        margin-left: 0px;
+        top: 43%;
+        left: 12px;
+    }
 }
 
 // responsive css for modal
 @media only screen and (max-width: 770px) {
 
-    .dashboard { 
+    .dashboard {
 
         .card {
             padding: 10px 0px 0px 15px;
             overflow: auto;
             margin-bottom: 20px;
         }
-        
+
         .sale-stock {
             display: block;
             margin-top: 30px;
-            margin-bottom:10px;
+            margin-bottom: 10px;
         }
-        
-        .graph-stats {               
+
+        .graph-stats {
             .left-card-container {
                 float: left;
                 width: 100%;
                 padding-right: 0px;
                 margin-bottom: 10px;
             }
-    
+
             .right-card-container {
                 float: left;
                 width: 100%;
                 padding-left: 0px;
             }
-        }   
-    } 
-    
-    #calender-mobile{
+        }
+    }
+
+    #calender-mobile {
         display: block;
     }
 
-    #calender-destop{
+    #calender-destop {
         display: none;
     }
 }

packages/Webkul/Admin/src/Resources/assets/sass/partials/_mobile.scss

@@ -270,7 +270,6 @@ $toggleColor: #3c41ff;
       left: 100%;
       transform: translate(calc(100% + 50px), 0);
 
-
       a {
         .arrow-icon {
           position: absolute;