Merge branch 'max_dev' of Software_Engineering_I/greenvironment-frontend into master

src/app/app.component.sass

@@ -5,22 +5,26 @@ html, body
   margin: 0
   height: 100%
 
+$scrollbar-color: transparent
+$scrollbar-thumb-color: #aaa
+$scrollbar-color-dark: transparent
+$scrollbar-thumb-color-dark: #aaa
 
 ::ng-deep body
-  scrollbar-color: #aaa #ddd
+  scrollbar-color: $scrollbar-color $scrollbar-thumb-color
   scrollbar-width: thin
   .dark-theme
-    scrollbar-color: #ddd #666
+    scrollbar-color: $scrollbar-color-dark $scrollbar-thumb-color-dark
 
 ::ng-deep ::-webkit-scrollbar
   width: 4px
 
 ::ng-deep ::-webkit-scrollbar-track
-  background: #ddd
+  background: $scrollbar-color
   .dark-theme
-    background: #666
+    background: $scrollbar-color-dark
 
 ::ng-deep ::-webkit-scrollbar-thumb
-  background: #aaa
+  background: $scrollbar-thumb-color
   .dark-theme
-    background: #ddd
+    background: $scrollbar-thumb-color-dark

src/app/components/feed/postlist/postlist.component.sass

@@ -34,7 +34,8 @@ $mat-card-header-size: 40px !default
     margin-left: auto
 
   ::ng-deep img
-    max-width: 100%
+    width: 100%
+    max-height: 40vh
     height: auto
     border-radius: 4px
   ::ng-deep video

src/app/components/social/groups/groups.component.sass

@@ -11,6 +11,7 @@
   margin-top: 0.5em
   outline: none
   user-select: none
+  cursor: pointer
   ::ng-deep .mat-card-header-text
     width: 1000%
     margin: auto 0 auto 24px