Resolves #120 Horizontal Stack Cards

lib/entity_widgets/button_entity_container.dart

@@ -0,0 +1,45 @@
+part of '../main.dart';
+
+class ButtonEntityContainer extends StatelessWidget {
+
+  ButtonEntityContainer({
+    Key key,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final EntityWrapper entityWrapper = EntityModel.of(context).entityWrapper;
+
+    return InkWell(
+      onTap: () => entityWrapper.handleTap(),
+      onLongPress: () => entityWrapper.handleHold(),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: <Widget>[
+          FractionallySizedBox(
+            widthFactor: 0.4,
+            child: FittedBox(
+              fit: BoxFit.fitHeight,
+              child: EntityIcon(
+                padding: EdgeInsets.fromLTRB(2.0, 6.0, 2.0, 2.0),
+                iconSize: Sizes.iconSize,
+              )
+            ),
+          ),
+          _buildName()
+        ],
+      ),
+    );
+  }
+
+  Widget _buildName() {
+    return EntityName(
+      padding: EdgeInsets.fromLTRB(Sizes.buttonPadding, 0.0, Sizes.buttonPadding, Sizes.rowPadding),
+      textOverflow: TextOverflow.ellipsis,
+      maxLines: 3,
+      wordsWrap: true,
+      textAlign: TextAlign.center,
+      fontSize: Sizes.nameFontSize,
+    );
+  }
+}

lib/entity_widgets/entity_name.dart

@@ -7,8 +7,9 @@ class EntityName extends StatelessWidget {
   final bool wordsWrap;
   final double fontSize;
   final TextAlign textAlign;
+  final int maxLines;
 
-  const EntityName({Key key, this.padding: const EdgeInsets.only(right: 10.0), this.textOverflow: TextOverflow.ellipsis, this.wordsWrap: true, this.fontSize: Sizes.nameFontSize, this.textAlign: TextAlign.left}) : super(key: key);
+  const EntityName({Key key, this.maxLines, this.padding: const EdgeInsets.only(right: 10.0), this.textOverflow: TextOverflow.ellipsis, this.wordsWrap: true, this.fontSize: Sizes.nameFontSize, this.textAlign: TextAlign.left}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -19,6 +20,7 @@ class EntityName extends StatelessWidget {
         "${entityWrapper.displayName}",
         overflow: textOverflow,
         softWrap: wordsWrap,
+        maxLines: maxLines,
         style: TextStyle(fontSize: fontSize),
         textAlign: textAlign,
       ),

lib/entity_widgets/glance_entity_container.dart

@@ -7,7 +7,7 @@ class GlanceEntityContainer extends StatelessWidget {
   final bool nameInTheBottom;
   final double iconSize;
   final double nameFontSize;
-  final bool expanded;
+  final bool wordsWrapInName;
 
   GlanceEntityContainer({
     Key key,
@@ -16,7 +16,7 @@ class GlanceEntityContainer extends StatelessWidget {
     this.nameInTheBottom: false,
     this.iconSize: Sizes.iconSize,
     this.nameFontSize: Sizes.smallFontSize,
-    this.expanded: false
+    this.wordsWrapInName: false
   }) : super(key: key);
 
   @override
@@ -25,21 +25,11 @@ class GlanceEntityContainer extends StatelessWidget {
     List<Widget> result = [];
     if (!nameInTheBottom) {
       if (showName) {
-        result.add(EntityName(
-          padding: EdgeInsets.only(bottom: Sizes.rowPadding),
-          textOverflow: TextOverflow.ellipsis,
-          wordsWrap: false,
-          textAlign: TextAlign.center,
-          fontSize: nameFontSize,
-        ));
+        result.add(_buildName());
       }
     } else {
       if (showState) {
-        result.add(SimpleEntityState(
-          textAlign: TextAlign.center,
-          expanded: false,
-          padding: EdgeInsets.only(top: Sizes.rowPadding),
-        ));
+        result.add(_buildState());
       }
     }
     result.add(
@@ -50,55 +40,45 @@ class GlanceEntityContainer extends StatelessWidget {
     );
     if (!nameInTheBottom) {
       if (showState) {
-        result.add(SimpleEntityState(
-          textAlign: TextAlign.center,
-          expanded: false,
-          padding: EdgeInsets.only(top: Sizes.rowPadding),
-        ));
+        result.add(_buildState());
       }
     } else {
-      result.add(EntityName(
-        padding: EdgeInsets.only(bottom: Sizes.rowPadding),
-        textOverflow: TextOverflow.ellipsis,
-        wordsWrap: false,
-        textAlign: TextAlign.center,
-        fontSize: nameFontSize,
-      ));
+      result.add(_buildName());
     }
-    
-    if (expanded) {
-      return InkWell(
+
+    return Center(
+      child: InkResponse(
+        child: ConstrainedBox(
+          constraints: BoxConstraints(minWidth: Sizes.iconSize * 2),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            //mainAxisAlignment: MainAxisAlignment.start,
+            //crossAxisAlignment: CrossAxisAlignment.center,
+            children: result,
+          ),
+        ),
         onTap: () => entityWrapper.handleTap(),
         onLongPress: () => entityWrapper.handleHold(),
-        child: ConstrainedBox(
-          constraints: BoxConstraints(maxHeight: 100.0),
-          child: FittedBox(
-            fit: BoxFit.fitHeight,
-            child: Column(
-              mainAxisSize: MainAxisSize.min,
-              //mainAxisAlignment: MainAxisAlignment.start,
-              //crossAxisAlignment: CrossAxisAlignment.center,
-              children: result,
-            ),
-          ),
-        ),
-      );
-    } else {
-      return Center(
-        child: InkResponse(
-          child: ConstrainedBox(
-            constraints: BoxConstraints(minWidth: Sizes.iconSize * 2),
-            child: Column(
-              mainAxisSize: MainAxisSize.min,
-              //mainAxisAlignment: MainAxisAlignment.start,
-              //crossAxisAlignment: CrossAxisAlignment.center,
-              children: result,
-            ),
-          ),
-          onTap: () => entityWrapper.handleTap(),
-          onLongPress: () => entityWrapper.handleHold(),
-        ),
-      );
-    }
+      ),
+    );
+  }
+
+  Widget _buildName() {
+    return EntityName(
+      padding: EdgeInsets.only(bottom: Sizes.rowPadding),
+      textOverflow: TextOverflow.ellipsis,
+      wordsWrap: wordsWrapInName,
+      textAlign: TextAlign.center,
+      fontSize: nameFontSize,
+    );
+  }
+
+  Widget _buildState() {
+    return SimpleEntityState(
+      textAlign: TextAlign.center,
+      expanded: false,
+      maxLines: 1,
+      padding: EdgeInsets.only(top: Sizes.rowPadding),
+    );
   }
 }

lib/entity_widgets/state/simple_state.dart

@@ -5,8 +5,9 @@ class SimpleEntityState extends StatelessWidget {
   final bool expanded;
   final TextAlign textAlign;
   final EdgeInsetsGeometry padding;
+  final int maxLines;
 
-  const SimpleEntityState({Key key, this.expanded: true, this.textAlign: TextAlign.right, this.padding: const EdgeInsets.fromLTRB(0.0, 0.0, Sizes.rightWidgetPadding, 0.0)}) : super(key: key);
+  const SimpleEntityState({Key key, this.maxLines: 10, this.expanded: true, this.textAlign: TextAlign.right, this.padding: const EdgeInsets.fromLTRB(0.0, 0.0, Sizes.rightWidgetPadding, 0.0)}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -16,7 +17,7 @@ class SimpleEntityState extends StatelessWidget {
       child: Text(
         "${entityModel.entityWrapper.entity.state} ${entityModel.entityWrapper.entity.unitOfMeasurement}",
         textAlign: textAlign,
-        maxLines: 10,
+        maxLines: maxLines,
         overflow: TextOverflow.ellipsis,
         softWrap: true,
         style: new TextStyle(