@wavemaker/rn-codegen 11.14.3-rc.6401 → 11.15.0-1.246

package/src/templates/foundation-theme/wavemaker/design-tokens/dialogs/dialog.less

@@ -15,41 +15,43 @@
     color: var(--wm-color-primary);
 }
 
-.app-dialog.header {
+.app-dialog-header {
     padding: var(--wm-modal-header-padding);
     border-style: var(--wm-modal-header-border-style);
     border-color: var(--wm-modal-header-border-color);
     border-width: var(--wm-modal-header-border-width);
+    background-color: var(--wm-modal-header-background);
 }
 
 .app-dialog-title {
     padding-bottom: var(--wm-modal-header-label-padding-bottom);
 }
 
-.app-dialog-icon {
+.app-dialog-icon .app-icon-shape{
     font-size: var(--wm-modal-icon-font-size);
+    color: var(--wm-modal-icon-color);
 }
 
 .app-dialog-icon-text {
-    font-size: var(--wm-modal-icon-font-size);
-    font-weight: var(--wm-modal-icon-font-weight);
-    color: var(--wm-color-black);
+    font-size: var(--wm-modal-title-font-size);
+    font-weight: var(--wm-modal-title-font-weight);
+    color: var(--wm-modal-title-color);
     max-width: unset;
     padding: 0;
+    letter-spacing: var(--wm-modal-title-letter-spacing);
+    line-height: var(--wm-modal-title-line-height);
+    font-family: var(--wm-modal-title-font-family);
 }
 
 .btn-default.icon.root {
     color: var(--wm-color-black);
 }
 
-.app-dialog.icon.icon {
-    color: var(--wm-color-black);
-    font-size: var(--wm-modal-icon-font-size);
-}
-
-.app-dialog-close-btn.root {
-    margin-bottom: var(--wm-modal-header-close-btn-margin);
+.app-dialog-close-btn .app-button{
     border-width: var(--wm-modal-header-close-btn-border-width);
+    border-color: var(--wm-modal-header-close-btn-border-color);
+    border-style: var(--wm-modal-header-close-btn-border-style);
+    background-color: var(--wm-modal-header-close-btn-background);
 }
 
 .app-dialog-close-btn .app-button-content {
@@ -72,4 +74,46 @@
     justify-content: flex-end;
     gap: var(--wm-modal-footer-gap);
     border-color: var(--wm-color-primary);
+}
+
+.app-confirmdialog-message{
+    font-weight: var(--wm-modal-description-font-weight);
+    font-family: var(--wm-modal-description-font-family);
+    color: var(--wm-modal-description-color);
+    font-size: var(--wm-modal-description-font-size);
+}
+
+.app-alertdialog-message{
+    font-weight: var(--wm-modal-description-font-weight);
+    font-family: var(--wm-modal-description-font-family);
+    color: var(--wm-modal-description-color);
+    font-size: var(--wm-modal-description-font-size);
+}
+
+.btn-only-label .app-button{
+background-color: var(--wm-modal-btn-ok-background);
+}
+
+.btn-only-label .app-label-text{
+    color: var(--wm-modal-btn-ok-color);
+}
+
+.app-alertdialog-ok .app-button{
+background-color: var(--wm-modal-btn-ok-background);
+}
+
+.app-confirmdialog-cancelButton {
+background-color: var(--wm-modal-btn-cancel-background);
+}
+
+.app-confirmdialog-cancelButton-text{
+    color: var(--wm-modal-btn-cancel-color);
+}
+
+.app-dialogactions{
+    padding: var(--wm-modal-footer-padding);
+}
+
+.app-confirmdialog-actions .app-dialogactions{
+    padding: var(--wm-modal-footer-padding);   
 }

package/src/templates/foundation-theme/wavemaker/design-tokens/input/calendar.less

@@ -2,7 +2,6 @@
 .app-calendar {
     width: var(--wm-calendar-width);
     min-height: var(--wm-calendar-min-height);
-    min-width: var(--wm-calendar-min-width);
 }
 
 .app-calendar-text {

package/src/templates/foundation-theme/wavemaker/design-tokens/input/fileupload.less

@@ -17,6 +17,7 @@
     ripple-color: var(--wm-fileupload-ripple-color);
     border-color: transparent;
     border-width: 0;
+    background-color: transparent;
 }
 
 .app-fileupload-icon {

package/src/templates/foundation-theme/wavemaker/design-tokens/input/switch.less

@@ -24,6 +24,7 @@
   font-size: var(--wm-switch-button-font-size);
   font-family: var(--wm-switch-button-font-family);
   font-weight: var(--wm-switch-button-font-weight);
+  text-transform: var(--wm-switch-button-text-transform);
 }
 
 .app-switch-btn-selected{
@@ -32,6 +33,13 @@
   background-color: var(--wm-switch-button-background-color);
 }
 
+.app-switch-btn-selected-text{
+  font-size: var(--wm-switch-button-font-size);
+  font-family: var(--wm-switch-button-font-family);
+  font-weight: var(--wm-switch-button-font-weight);
+  text-transform: var(--wm-switch-button-text-transform);
+}
+
 .app-switch-disabled {
   opacity: var(--wm-switch-opacity);
 }

package/src/templates/foundation-theme/wavemaker/design-tokens/input/toggle.less

@@ -20,7 +20,9 @@
     width: var(--wm-toggle-width);
     height: var(--wm-toggle-height);
     border-radius: var(--wm-toggle-border-radius);
+    border-color: var(--wm-toggle-border-color);
     background-color: var(--wm-toggle-background-color);
+    border-width: var(--wm-toggle-border-width);
 }
 .app-toggle-handle-on .app-toggle-handle {
     width: var(--wm-toggle-handle-width);

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/appnavbar.less

@@ -6,6 +6,13 @@
     padding-top: var(--wm-navbar-padding-top);
     padding-bottom: var(--wm-navbar-padding-bottom);
     background-color: var(--wm-navbar-background-color);
+    border-color: var(--wm-navbar-border-color);
+    border-style: var(--wm-navbar-border-style);
+    border-top-width: var(--wm-navbar-border-width-top);
+    border-bottom-width: var(--wm-navbar-border-width-bottom);
+    border-left-width: var(--wm-navbar-border-width-left);
+    border-right-width: var(--wm-navbar-border-width-right);
+    border-radius: var(--wm-navbar-border-radius);
 }
 
 
@@ -29,7 +36,7 @@
     font-size: var(--wm-navbar-back-icon-size);
 }
 
-.app-appnavbar-image {
+.app-appnavbar-image .app-picture {
     width: var(--wm-navbar-image-width);
     height: var(--wm-navbar-image-height);
 }
@@ -63,14 +70,15 @@
     font-family: var(--wm-navbar-anchor-text-font-family);
 }
 
-.navbar-anchor-icon {
+.navbar-anchor-icon,
+.navbarAnchorItem.icon.icon {
     color: var(--wm-navbar-anchor-icon-color);
     font-size: var(--wm-navbar-anchor-icon-size);
 }
 
 .navbar-button-icon {
-    color: var(--wm-navbar-button-icon-color);
-    font-size: var(--wm-navbar-button-icon-size);
+    color: var(--wm-navbar-button-color);
+    font-size: var(--wm-navbar-button-font-size);
 }
 
 .navbar-button-text {

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/navitem.less

@@ -1,27 +1,88 @@
+@import (optional) url('../variables/navitem.variant.less');
 
-.app-navitem {
-    background-color: var(--wm-nav-item-background);
-    min-height: var(--wm-nav-item-min-height);
+.app-navitem-active .navAnchorItem .app-anchor-icon .app-icon-shape,
+.app-navitem-anchor .app-anchor-icon .app-icon-shape,
+.navAnchorItem .app-anchor-icon .app-icon-shape{
+  color: var(--wm-navitem-icon-color);
+  font-size: var(--wm-navitem-icon-size);
+  padding-left: var(--wm-navitem-icon-padding-left);
+  padding-right: var(--wm-navitem-icon-padding-right);
+  padding-top: var(--wm-navitem-icon-padding-top);
+  padding-bottom: var(--wm-navitem-icon-padding-bottom);
 }
 
-.navAnchorItem.text {
-    font-size: var(--wm-nav-item-font-size);
-    font-family: var(--wm-nav-item-font-family);
-    font-weight: var(--wm-nav-item-font-weight);
-    line-height: var(--wm-nav-item-line-height);
-    letter-spacing: var(--wm-nav-item-letter-spacing);
-    color: var(--wm-nav-item-color);
+.app-navitem-active.app-navitem,
+.app-navitem-anchor,
+.navAnchorItem{
+  padding-top: var(--wm-navitem-padding-top);
+  padding-bottom: var(--wm-navitem-padding-bottom);
+  padding-left: var(--wm-navitem-padding-left);
+  padding-right: var(--wm-navitem-padding-right);
+  margin-left: var(--wm-navitem-margin-left);
+  margin-right: var(--wm-navitem-margin-right);
+  margin-top: var(--wm-navitem-margin-top);
+  margin-bottom: var(--wm-navitem-margin-bottom);
+  border-radius: var(--wm-navitem-border-radius);
+  background-color: var(--wm-navitem-background);
+}
+.app-navitem-active .navAnchorItem.root{
+    padding: 0;
+    background-color: var(--wm-navitem-background);
+}
+.app-navitem-active .navAnchorItem.badge,
+.app-navitem-anchor .app-anchor-badge,
+.navAnchorItem.badge{
+   margin-top: var(--wm-navitem-badge-margin-top);
+   margin-bottom: var(--wm-navitem-badge-margin-bottom);
+   margin-right: var(--wm-navitem-badge-margin-right);
+   margin-left: var(--wm-navitem-badge-margin-left);
+   background-color: var(--wm-navitem-badge-background);
+   text-align: var(--wm-navitem-badge-text-align);
+   align-self: var(--wm-navitem-badge-align-self);
+   font-weight: var(--wm-navitem-badge-font-weight);
+   font-size: var(--wm-navitem-badge-font-size);
+   font-family: var(--wm-navitem-badge-font-family);
+   border-radius: var(--wm-navitem-badge-border-radius);
+   min-width: var(--wm-navitem-badge-min-width);
+   min-height: var(--wm-navitem-badge-min-height);
+   line-height: var(--wm-navitem-badge-line-height);
+   color: var(--wm-navitem-badge-color);
 }
 
-.navAnchorItem.root {
-    padding-left: var(--wm-nav-item-padding-left);
-    padding-right: var(--wm-nav-item-padding-right);
-    padding-top: var(--wm-nav-item-padding-top);
-    padding-bottom: var(--wm-nav-item-padding-bottom);
+.app-navitem-active .navAnchorItem.text,
+.app-navitem-anchor .app-anchor-text,
+.navAnchorItem.text{
+    text-decoration: var(--wm-navitem-text-decoration);
+    text-decoration-line: var(--wm-navitem-text-decoration);
+    line-height: var(--wm-navitem-line-height);
+    font-weight: var(--wm-navitem-font-weight);
+    font-size: var(--wm-navitem-font-size);
+    font-family: var(--wm-navitem-font-family);
+    padding-left: var(--wm-navitem-text-padding-left);
+    padding-right: var(--wm-navitem-text-padding-right);
+    padding-top: var(--wm-navitem-text-padding-top);
+    padding-bottom: var(--wm-navitem-text-padding-bottom);
+    color: var(--wm-navitem-color);
+    flex: var(--wm-navitem-text-flex);
+}
+.app-navitem-child .app-navitem{
+    background-color: var(--wm-navitem-child-background-color);
+}
+.app-navitem-child .navAnchorItem .app-anchor-icon .app-icon-shape,
+.app-navitem-child .navAnchorItem.badge,
+.app-navitem-child .navAnchorItem.text{
+    color: var(--wm-navitem-child-color);
 }
 
-.navAnchorItem.icon.root {
-    color: var(--wm-nav-item-color);
+.app-navitem-active.app-navitem-caret .app-icon-text,
+.app-navitem-caret .app-icon-text{
+    color: var(--wm-navitem-caret-color);
 }
 
+.app-navitem {
+    background-color: var(--wm-navitem-background);
+}
+.app-navitem-active{
+    background-color: var(--wm-navitem-background);
+}
 

package/src/templates/foundation-theme/wavemaker/design-tokens/navigation/popover.less

@@ -8,14 +8,29 @@
     border-top-left-radius: var(--wm-popover-border-top-left-radius);
     border-top-right-radius: var(--wm-popover-border-top-right-radius)
 }
-.app-popover-action-sheet-popover {
-    position: var(--wm-popover-position);
+
+.app-popover-wrapper{
+    background-color: var(--wm-popover-link-background-color);
+    border-color: var(--wm-popover-link-border-color);
+    border-width: var(--wm-popover-link-border-width);
+    border-style: var(--wm-popover-link-border-style);
+    border-radius: var(--wm-popover-link-border-radius);
+    padding-top: var(--wm-popover-link-padding-top);
+    padding-bottom: var(--wm-popover-link-padding-bottom);
+    padding-left: var(--wm-popover-link-padding-left);
+    padding-right: var(--wm-popover-link-padding-right);
+    width: var(--wm-popover-link-width);
+    height: var(--wm-popover-link-height);
+    min-height: var(--wm-popover-link-min-height);
+}
+
+.app-popover-action-sheet.popover {
     left: var(--wm-popover-left); 
     bottom: var(--wm-popover-bottom);
     width: var(--wm-popover-width);
     min-height: var(--wm-popover-min-height);
     border-radius: var(--wm-popover-radius);
-    box-shadow: var(--wm-popover-elevation);
+    box-shadow: var(--wm-popover-shadow);
 }
 
 .app-popover-title {
@@ -51,7 +66,7 @@
 }
 
 .app-popover-link .app-anchor-text {
-    color: var(--wm-popover-link-text-color);
+    color: var(--wm-popover-link-color);
     padding-left: var(--wm-space-2);
     padding-right: var(--wm-space-2);
     font-size: var(--wm-popover-link-font-size);

package/src/templates/foundation-theme/wavemaker/design-tokens/page/tabbar.less

@@ -1,11 +1,16 @@
 .app-tabbar {
     height: var(--wm-tabbar-height);
     box-shadow: var(--wm-tabbar-box-shadow);
+    border-top-width: var(--wm-tabbar-border-top-width);
+    border-top-style: var(--wm-tabbar-border-top-style);
+    border-top-color: var(--wm-tabbar-border-top-color);
+
 }
 
 .app-tabbar-menu {
     background-color: var(--wm-tabbar-menu-background);
     height: var(--wm-tabbar-menu-height);
+    align-items: center;
 }
 
 .app-tabbar-more-menu {
@@ -23,7 +28,9 @@
 .app-tabbar-item {
     min-height: var(--wm-tabbar-item-min-height);
     min-width: var(--wm-tabbar-item-min-width);
-    margin-bottom: var(--wm-tabbar-item-margin-bottom);
+    background-color: var(--wm-tabbar-item-background-color);
+    border-radius: var(--wm-tabbar-item-border-radius);
+    margin-bottom: var(--wm-space-0);
     opacity: var(--wm-tabbar-item-opacity);
     display: flex;
     justify-content: center;
@@ -32,7 +39,7 @@
 
 .app-tabbar-active-item {
     opacity: var(--wm-tabbar-item-opacity);
-    margin-bottom: var(--wm-tabbar-item-margin-bottom);
+    margin-bottom: var(--wm-space-0);
     border-radius: var(--wm-tabbar-item-border-radius);
     background-color: var(--wm-tabbar-item-background-color);
     display: flex;
@@ -56,6 +63,8 @@
 
 .app-tabbar-active-icon .app-icon-shape {
     color: var(--wm-tabbar-icon-color);
+    font-size: var(--wm-tabbar-icon-size);
+    padding-right: var(--wm-tabbar-icon-padding-right);
 }
 
 .app-tabbar-item-label {
@@ -69,6 +78,8 @@
 
 .app-tabbar-active-label {
     font-weight: var(--wm-tabbar-text-font-weight);
+    font-size: var(--wm-tabbar-text-font-size);
+    font-family: var(--wm-tabbar-text-font-family);
     color: var(--wm-tabbar-text-color);
 }
 @import (optional) url('../variables/tabbar.variant.less');

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/advanced/styles.less

@@ -1,2 +1,3 @@
 @import url('./carousel.less');
 @import url('./login.less');
+@import url('./webview.less');

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/advanced/webview.less

@@ -0,0 +1,7 @@
+.app-iframe {
+    background-color: var(--wm-webview-background-color);
+    padding-right: var(--wm-webview-padding-right);
+    padding-left: var(--wm-webview-padding-left);
+    padding-bottom: var(--wm-webview-padding-bottom);
+    padding-top: var(--wm-webview-padding-top);
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/button-group.less

@@ -4,8 +4,10 @@
 
 .app-button-group {
     display: inline-flex;
-    border-width: 0px;
     border-radius: var(--wm-button-group-radius);
+    border-width:  var(--wm-button-group-border-width);
+    border-style: var(--wm-button-group-border-style);
+    border-color: var(--wm-button-group-border-color);
 
     .btn {
       border-radius: 0;

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/label.less

@@ -1,4 +1,6 @@
 .app-label {
+    display: block;
+    width: max-content;
     &.h1,
     &.h2,
     &.h3,
@@ -9,8 +11,14 @@
         padding-right: var(--wm-label-padding-right);
         padding-top: var(--wm-label-padding-top);
         padding-bottom: var(--wm-label-padding-bottom);
-        margin: var(--wm-label-margin);
+        margin-top: var(--wm-label-margin-top);
+        margin-bottom: var(--wm-label-margin-bottom);
+        margin-left: var(--wm-label-margin-left);
+        margin-right: var(--wm-label-margin-right);
+        line-height: var(--wm-label-line-height);
+        letter-spacing: var(--wm-label-letter-spacing);
     }
+
     border-radius: var(--wm-label-border-radius);
 
     &.label-primary,
@@ -18,11 +26,18 @@
     &.label-default,
     &.label-success,
     &.label-warning,
+    &.label-secondary,
+    &.label-tertiary,
     &.label-info {
-        padding-top: var(--wm-label-padding-top);
-        padding-bottom: var(--wm-label-padding-bottom);
-        padding-left: var(--wm-label-padding-left);
-        padding-right: var(--wm-label-padding-right);
-        margin: var(--wm-label-margin);
+        padding-top: var(--wm-label-padding-top) !important;
+        padding-bottom: var(--wm-label-padding-bottom) !important;
+        padding-left: var(--wm-label-padding-left) !important;
+        padding-right: var(--wm-label-padding-right) !important;
+        margin-top: var(--wm-label-margin-top);
+        margin-bottom: var(--wm-label-margin-bottom);
+        margin-left: var(--wm-label-margin-left);
+        margin-right: var(--wm-label-margin-right);
+        line-height: var(--wm-label-line-height);
+        letter-spacing: var(--wm-label-letter-spacing);
     }
-}
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/message.less

@@ -67,4 +67,10 @@
   content: "\f110";
   font-size: var(--wm-message-icon-size);
   color:var(--wm-message-color);
+}
+
+.wm-app .app-message .icon::before{
+  content: "\f00c";
+  font-size: var(--wm-message-icon-size);
+  color:var(--wm-message-color);
 }

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/picture.less

@@ -1,4 +1,10 @@
 .img-thumbnail.app-picture {
   background-color: var(--wm-picture-background);
   border-color: var(--wm-picture-border-color);
+}
+
+.app-picture {
+  // can be added to picture foundation styles by mapping to design tokens like did it in web and exposing the same in style workspace
+    width: 270px; 
+    height: 270px;
 }

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/basic/search.less

@@ -28,4 +28,12 @@
         color: var(--wm-search-btn-icon-color);
         font-size: var(--wm-search-btn-icon-size);
     }
+}
+
+
+.app-search[type=autocomplete]>input.app-textbox {
+  width: var(--wm-form-controls-min-width);
+}
+.app-search>input.app-textbox{
+  width: 100%;
 }

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/container/container.less

@@ -1,5 +1,5 @@
 .app-page-content .app-default-container {
-          border: 1px dotted rgba(168, 168, 168, .4) !important; 
+         //  border: 1px dotted rgba(168, 168, 168, .4) !important; 
  }
 
  .app-container{
@@ -12,7 +12,14 @@
     padding-top: var(--wm-container-padding-top);
 
     border-radius: var(--wm-container-border-radius);
-    border-width: var(--wm-container-border-width);
+    border-top-width: var(--wm-container-border-width-top);
+    border-bottom-width: var(--wm-container-border-width-bottom);
+    border-left-width: var(--wm-container-border-width-left);
+    border-right-width: var(--wm-container-border-width-right);
     border-color: var(--wm-container-border-color);
     opacity: var(--wm-container-opacity);
- }
+ }
+
+ .app-container .app-textbox {
+    min-height: inherit;
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/container/linearlayout.less

@@ -0,0 +1,8 @@
+.app-linear-layout {
+    &:not(.app-linear-layout-item > .app-linear-layout) {
+    border: none;
+ }
+  > .app-linear-layout-item {
+    border: none;
+  }
+}

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/container/panel.less

@@ -1,8 +1,9 @@
 .app-panel {
     .panel-heading {
         background-color: var(--wm-panel-heading-background);
-        .app-icon.panel-icon {
-            font-size: 32px;
+        .panel-icon {
+            font-size: var(--wm-panel-heading-icon-size);
+            color: var(--wm-panel-heading-icon-color);
         }
         .heading {
             font-size: var(--wm-panel-heading-font-size);
@@ -36,11 +37,6 @@
             padding: 0px;
         }
     }
-    .app-panel-footer {
-        min-height: 64px; //TODO Add styling tokens
-        margin-top: 8px; //TODO Add styling tokens
-        border-radius: 6px; //TODO Add styling tokens
-    }
 }
 
 

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/container/styles.less

@@ -3,4 +3,5 @@
 @import url('./panel.less');
 @import url('./tabs.less');
 @import url('./wizard.less');
-@import url('./container.less');
+@import url('./container.less');
+@import url('./linearlayout.less');

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/container/tabs.less

@@ -11,12 +11,12 @@
         right: 0;
         z-index: 121;
         font-size: 0;
-        color: var(--wm-tabs-item-heading-text, #000);
+        color: var(--wm-tabs-item-heading-text-color, #000);
         background-color: var(--wm-tabs-background);
         padding: var(--wm-tabs-border-width, 4px) 0;
     }
 
-    >.nav-tabs {
+     .nav-tabs {
         display: flex;
         align-items: stretch;
         border-bottom: var(--wm-tabs-border-width) var(--wm-tabs-border-style) var(--wm-tabs-border-color);
@@ -31,10 +31,10 @@
 
 
                 background-color: transparent;
-                color: var(--wm-tabs-item-heading-text);
+                color: var(--wm-tabs-item-heading-text-color);
 
                 .app-icon {
-                    color: var(--wm-tabs-item-heading-icon);
+                    color: var(--wm-tabs-item-heading-icon-color);
                 }
 
                 display: flex;
@@ -63,10 +63,10 @@
 
 
                 background-color: var(--wm-tabs-item-heading-background);
-                color: var(--wm-tabs-item-heading-text);
+                color: var(--wm-tabs-item-heading-text-color);
 
                 .app-icon {
-                    color: var(--wm-tabs-item-heading-icon);
+                    color: var(--wm-tabs-item-heading-icon-color);
                 }
 
                 .tab-heading {
@@ -96,7 +96,8 @@
 
     >.tab-content {
         background: var(--wm-tabs-background);
-        padding: var(--wm-tabs-item-heading-padding, 8px);
+        // padding: var(--wm-tabs-item-heading-padding, 0px);
+        padding: 0px; // replace with appropriate token for 0px.
     }
 
     .tab-pane {

package/src/templates/foundation-theme/wavemaker/design-tokens/studio/data/list.less

@@ -1,3 +1,25 @@
 .app-list {
+  .panel-heading {
+    background-color: var(--wm-card-header-background-color);
+  }
+}
+
+.app-livelist {
+ width: 100%;
+}
 
+.app-livelist.app-panel.media-list,
+.app-livelist.app-panel.app-default-list {
+  box-shadow: none;
+  margin-bottom: 16px;
 }
+
+.app-livelist.app-panel.media-list[groupby],
+.app-livelist.app-panel.app-default-list[groupby] {
+  box-shadow: none;
+  margin-bottom: 0px;
+}
+
+.app-list-item{
+  min-height: auto;
+}