feat(templates): fix sidebar size and sort position issues #4095 (#4096)

Author: mhrastegari

src/Templates/TodoTemplate/Bit.TodoTemplate/src/Client/Shared/Pages/TodoPage.razor.scss

@@ -13,7 +13,7 @@
     box-sizing: border-box;
 
     @include lg {
-        padding: rem(48px) rem(16px);
+        padding: rem(48px) rem(16px) rem(48px) rem(48px);
     }
 
     @include md {
@@ -156,8 +156,8 @@
 .sort-drp-container {
     @media all and (max-width: #{em(550px)}) {
         position: absolute;
+        right: rem(14px);
         top: rem(18px);
-        right: rem(5px);
     }
 
     @media all and (max-width: #{em(390px)}) {

src/Templates/TodoTemplate/Bit.TodoTemplate/src/Client/Shared/Shared/NavMenu.razor.scss

@@ -13,10 +13,6 @@
     width: rem(240px);
     height: calc(100vh - #{rem(48px)});
     background-color: $Gray3;
-
-    @include lg {
-        width: rem(206px);
-    }
 }
 
 .main-container--closed {
@@ -36,15 +32,6 @@
     padding: rem(24px) 0 rem(12px);
     margin-bottom: rem(20px);
     border-bottom: rem(1px) solid $Gray4;
-
-    @include lg {
-        padding: rem(24px) 0 rem(8px);
-    }
-
-    @include lt-lg {
-        padding: rem(24px) 0 rem(16px);
-        margin-bottom: rem(24px);
-    }
 }
 
 .user-img-container {