From d9f5b0f519643f8dc650c738e5c9411c05ba50e2 Mon Sep 17 00:00:00 2001
From: Mariano Andres Botta <marianoabotta@gmail.com>
Date: Wed, 8 Jan 2020 13:52:18 -0300
Subject: [PATCH] fix(css): grow class only for child

---
 src/demo/app/home/home.html  | 2 +-
 src/lib/app/app.component.ts | 4 ++--
 src/lib/css/layout.scss      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/demo/app/home/home.html b/src/demo/app/home/home.html
index 4100671af..acd14e8e1 100644
--- a/src/demo/app/home/home.html
+++ b/src/demo/app/home/home.html
@@ -108,7 +108,7 @@
             </plex-button>
         </form>
         <div class="grow">
-            <plex-text [(ngModel)]="field"></plex-text>
+            <plex-text [(ngModel)]="field" prefix="<i class='mdi mdi-barcode'></i>"></plex-text>
             <plex-button type="success">HOLA</plex-button>
         </div>
     </plex-layout-sidebar>
diff --git a/src/lib/app/app.component.ts b/src/lib/app/app.component.ts
index 767aa30b3..da2537bfa 100644
--- a/src/lib/app/app.component.ts
+++ b/src/lib/app/app.component.ts
@@ -20,7 +20,7 @@ import { Plex } from './../core/service';
                     </div>
                     <div class="actions">
                         <!--App Status-->
-                        <div class="action">
+                        <div class="action hidden-md-down">
                             <i *ngIf="online" class="mdi mdi-cloud"></i>
                             <i *ngIf="!online" class="mdi mdi-cloud-off-outline text-danger"></i>
                             <div class="popover popover-bottom">
@@ -36,7 +36,7 @@ import { Plex } from './../core/service';
                                 </div>
                             </div>
                         </div>
-                        <div *ngIf="plex.userInfo" class="userinfo">
+                        <div *ngIf="plex.userInfo" class="userinfo hidden-md-down">
                             <div>
                                 <span>{{plex.userInfo.usuario.nombreCompleto}}</span><br><span *ngIf="plex.userInfo.organizacion">{{plex.userInfo.organizacion.nombre}}</span>
                             </div>
diff --git a/src/lib/css/layout.scss b/src/lib/css/layout.scss
index cc7e00f4c..57fcc81eb 100644
--- a/src/lib/css/layout.scss
+++ b/src/lib/css/layout.scss
@@ -83,7 +83,7 @@ plex-layout {
 .grow {
     display: flex;
 
-    :first-child {
+    > :first-child {
         flex-grow: 1;
     }