Issue# 3489112: Integrate responsive preview with Navigation top bar

Closes #3489112

modules/responsive_preview_navigation/css/responsive-preview.navigation.css

+.responsive-preview-navigation-bar {
+  background-color: #eee;
+  border-radius: 4px;
+  margin: 0;
+  padding: 0;
+}
+
+.responsive-preview-navigation-bar button {
+  width: 50px;
+  height: 35px;
+  cursor: pointer;
+  background-color: transparent;
+  border: 2px solid transparent;
+  border-radius: 4px;
+  padding: 3px 10px;
+  background-repeat: no-repeat;
+  background-position: center;
+  background-size: 25px 25px;
+  font-size: 0;
+}
+
+.responsive-preview-navigation-bar button.device-icon-mobile {
+  background-image: url("../images/mobile.svg");
+}
+
+.responsive-preview-navigation-bar button.device-icon-desktop {
+  background-image: url("../images/desktop.svg");
+}
+
+.responsive-preview-navigation-bar button.active {
+  background-color: #fff;
+  border-color: #eee;
+  border-radius: 4px;
+}