src/widgets/TaskListWidget.tsx

@@ -415,30 +415,29 @@ function ListWidgetContent({
           borderBottomWidth: 1,
           borderColor: c.border,
         }}
+        clickAction="OPEN_APP"
       >
+        <TextWidget
+          text="Simpl-Liste"
+          style={{
+            fontSize: 16,
+            fontFamily: FONT_SEMIBOLD,
+            color: c.text,
+          }}
+        />
         <FlexWidget
           style={{
-            flex: 1,
             flexDirection: 'row',
             alignItems: 'center',
           }}
-          clickAction="OPEN_APP"
         >
-          <TextWidget
-            text="Simpl-Liste"
-            style={{
-              fontSize: 16,
-              fontFamily: FONT_SEMIBOLD,
-              color: c.text,
-            }}
-          />
           <TextWidget
             text={`${tasks.length}`}
             style={{
               fontSize: 13,
               fontFamily: FONT_SEMIBOLD,
               color: TODAY_COLOR,
-              marginLeft: 8,
+              marginRight: 4,
             }}
           />
           <TextWidget
@@ -450,30 +449,6 @@ function ListWidgetContent({
             }}
           />
         </FlexWidget>
-
-        {/* Add button */}
-        <FlexWidget
-          style={{
-            width: 28,
-            height: 28,
-            borderRadius: 14,
-            backgroundColor: TODAY_COLOR,
-            alignItems: 'center',
-            justifyContent: 'center',
-            marginLeft: 8,
-          }}
-          clickAction="OPEN_URI"
-          clickActionData={{ uri: 'simplliste:///task/new' }}
-        >
-          <TextWidget
-            text="+"
-            style={{
-              fontSize: 18,
-              fontFamily: FONT_SEMIBOLD,
-              color: '#FFFFFF',
-            }}
-          />
-        </FlexWidget>
       </FlexWidget>
 
       {/* Task list */}
@@ -520,6 +495,39 @@ function ListWidgetContent({
         </FlexWidget>
       )}
 
+      {/* Add button footer */}
+      <FlexWidget
+        style={{
+          flexDirection: 'row',
+          justifyContent: 'center',
+          paddingVertical: 8,
+          width: 'match_parent',
+          borderTopWidth: 1,
+          borderColor: c.border,
+        }}
+        clickAction="OPEN_URI"
+        clickActionData={{ uri: 'simplliste:///task/new' }}
+      >
+        <FlexWidget
+          style={{
+            width: 28,
+            height: 28,
+            borderRadius: 14,
+            backgroundColor: TODAY_COLOR,
+            alignItems: 'center',
+            justifyContent: 'center',
+          }}
+        >
+          <TextWidget
+            text="+"
+            style={{
+              fontSize: 18,
+              fontFamily: FONT_SEMIBOLD,
+              color: '#FFFFFF',
+            }}
+          />
+        </FlexWidget>
+      </FlexWidget>
     </FlexWidget>
   );
 }