few flexbox changes, edit for accuracy

jlooper · Feb 8, 2017 · 0de978d · 0de978d
1 parent 4d8b5bd
commit 0de978d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 12 deletions.
diff --git a/app/app.css b/app/app.css
@@ -22,7 +22,7 @@ Button {
 .container {
   border-bottom-width: 1;
   border-color: lightgray;
-  justify-content: flex-start;
+  align-items: flex-start;
   padding: 5;
 }
 
@@ -80,6 +80,7 @@ Button {
   font-size: 12;
   margin: 2;
   margin-top: 10;
+  padding: 5;
 }
 
 /*.border {

diff --git a/app/home/home.tab.html b/app/home/home.tab.html
@@ -1,36 +1,36 @@
-<ScrollView> 
+<ScrollView>
     <StackLayout>
         <FlexboxLayout class="container" *ngFor="let yowl of (yowls$ | async)">
-            
+
             <FlexboxLayout class="column">
                 <Image src="~/images/k2" width="120" height="75"></Image>
             </FlexboxLayout>
-            
+
             <FlexboxLayout class="column">
-                
-                <FlexboxLayout class="row pad">
+
+                <FlexboxLayout class="row pad" justifyContent="space-between">
                     <Label class="bold" [text]="yowl.name"></Label>
                     <Label class="small" [text]="'@'+yowl.username"></Label>
                     <Label [text]="'fa-circle' | fonticon" class="fa grey tiny"></Label>
-                    <Label class="small" text="{{yowl.date | date:'ss'}} m"></Label>
+                    <Label class="small" text="{{yowl.date | date:'mm'}} m"></Label>
                     <Label [text]="'fa-chevron-down' | fonticon" class="fa grey small"></Label>
                 </FlexboxLayout>
-                
+
                 <!-- yowl -->
                 <FlexboxLayout class="row">
                     <Label class="regular" textWrap="true" [text]="yowl.text"></Label>
                 </FlexboxLayout>
-                
+
                 <!-- re-yowl -->
-                <!--<StackLayout class="ry" borderWidth="1" borderColor="lightgray" borderRadius="2">
+                <FlexboxLayout class="column ry" borderWidth="1" borderColor="lightgray" borderRadius="2">
                     <FlexboxLayout class="row">
                         <Label class="bold" text="Mrs. Fluffypants"></Label>
                         <Label class="small" text="@mrsfluffypants"></Label>
                     </FlexboxLayout> 
                     <FlexboxLayout class="row">
                         <Label class="regular" textWrap="true" text="Reading your tweets is like lapping up a wonderful bowl of sweet cream. Yummmmy!!!!"></Label>
                     </FlexboxLayout>                   
-                </StackLayout>-->
+                </FlexboxLayout>
 
                 <FlexboxLayout class="row pad">
                     <Button width="25%" [text]="'fa-mail-reply' | fonticon" class="fa grey"></Button>

diff --git a/app/login/login.component.ts b/app/login/login.component.ts
@@ -62,7 +62,7 @@ export class LoginComponent {
 
     prompt({
       title: "Forgot Password",
-      message: "Enter the email address you used to register for Giftler to reset your password.",
+      message: "Enter the email address you used to register for Yowwlr to reset your password.",
       defaultText: "",
       okButtonText: "Ok",
       cancelButtonText: "Cancel"