style: 854 fix display of available version update for small resolution

src/app/components/presentationals/footer/footer.presentational.scss

@@ -17,22 +17,30 @@ $height: $footer-height;
   justify-content: center;
   align-items: center;
   z-index: $z-index-footer;
+
+  @include respond-to-smaller-than-breakpoint("sm") {
+    height: 60px;
+  }
 }
 
 .hidden-footer {
   height: $height;
 }
 
-.copyrights a {
-  color: $white;
-  font-weight: bold;
+.copyrights {
+  padding: 0 40px;
 
-  &:hover {
+  a {
     color: $white;
-  }
+    font-weight: bold;
+
+    &:hover {
+      color: $white;
+    }
 
-  &:before {
-    background-color: $white;
+    &:before {
+      background-color: $white;
+    }
   }
 }
 
@@ -44,13 +52,15 @@ $height: $footer-height;
   cursor: pointer;
 
   @include respond-to-smaller-than-breakpoint('sm') {
-    display: none;
+    //display: none;
   }
 }
 
 :host-context(body[theme='dlcm']) {
-  .update-version {
-    left: $toolbar-width;
+  @include respond-to-breakpoint-and-bigger('md') {
+    .update-version {
+      left: $toolbar-width;
+    }
   }
 }
 
@@ -60,7 +70,7 @@ $height: $footer-height;
   padding: 14px 14px 12px;
 
   @include respond-to-smaller-than-breakpoint('sm') {
-    display: none;
+    //display: none;
   }
 }