panel to flex, text stack wrap with flex

doric-Qt/doric/resources/hlayout.qml

@@ -5,5 +5,5 @@ Flex {
     flexDirection: "row"
     justifyContent: "flexStart"
     alignItems: "flexStart"
-    alignContent: "stretch"
+    alignContent: "flexStart"
 }

doric-Qt/doric/resources/panel.qml

@@ -1,6 +1,12 @@
 import QtQuick 2.12
 import QtQuick.Controls 2.5
 
-Rectangle {
+Flex {
+    flexDirection: "row"
+    justifyContent: "flexStart"
+    alignItems: "flexStart"
+    alignContent: "flexStart"
+    flexWrap: "noWrap"
 
+    color: 'cyan'
 }

doric-Qt/doric/resources/stack.qml

@@ -1,6 +1,6 @@
 import QtQuick 2.12
 import QtQuick.Controls 2.5
 
-Rectangle {
+Flex {
 
 }

doric-Qt/doric/resources/text.qml

@@ -1,6 +1,8 @@
 import QtQuick 2.12
 import QtQuick.Controls 2.5
 
-Text {
+Flex {
+    Text {
 
+    }
 }

doric-Qt/doric/resources/view.qml

@@ -2,4 +2,5 @@ import QtQuick 2.12
 import QtQuick.Controls 2.5
 
 Rectangle {
+
 }

doric-Qt/doric/resources/vlayout.qml

@@ -5,6 +5,6 @@ Flex {
     flexDirection: "column"
     justifyContent: "flexStart"
     alignItems: "flexStart"
-    alignContent: "stretch"
+    alignContent: "flexStart"
 }