update tile style

lib/model/event.rb

@@ -11,6 +11,7 @@ class Event
 	property :event_date, 		DateTime, 	default: DateTime.now
 	property :start_date, 		DateTime, default: DateTime.now
 	property :end_date, 			DateTime, default: DateTime.now
+	property :synched, 				Boolean, default: false
 	property :updated_at, 		DateTime
 	property :created_at, 		DateTime, 	default: DateTime.now  # A DateTime, for any date you might like.
 	property :body,       		Text  	# A text block, for longer string data.
@@ -55,13 +56,15 @@ def toggle_google_calendar_event(user_uuid)
 				                        :parameters => {'calendarId' => user.email,
 				                        				'eventId' => google_calendar_event.id})
 				success = update google_calendar_id: nil
+				self.synched = false
 				return_msg = "unsynched"
 			else
 			  	result = client.execute(:api_method => service.events.insert,
 			                          :parameters => {'calendarId' => SessionController.user(user_uuid).email},
 			                          :body => JSON.dump(generate_google_event_json),
 			                          :headers => {'Content-Type' => 'application/json'})
 			  	success = update google_calendar_id: result.data.id
+				self.synched = true
 				return_msg = "synched"
 		  	end
 		end
@@ -77,7 +80,7 @@ def generate_google_event_json
 	    "description" => self.body,
 	    "summary" => self.title,
 	    "status" => "confirmed"
- 	}
+ 		}
 	end
 
 end

lib/public/css/site-styles.css

@@ -226,7 +226,7 @@ display:block
 .element.large,.variable-sizes .element.large,.variable-sizes .element.large.width2.height2 {
 font-size:3em;
 width:350px;
-height:342px;
+height:325px;
 z-index:100
 }
 
@@ -282,33 +282,33 @@ display:none
 }
 
 .element.large .window-pane-buttons {
-top: 298px;
-width: 350px;
-height: 38px;
-background: #666;
-display:block;
+  top: 283px;
+  width: 350px;
+  height: 38px;
+  background: #666;
+  display:block;
 }
 
 .element.large .window-pane-buttons .google-event-btn{
-   float:right;
-   left: 175px;
-   width: 175px;
-   color: white;
-   background: transparent;
-   font-size:18px;
-   padding: 12px 0 0 0;
-   height: 33px;
-   border: 0;
+  float:right;
+  left: 175px;
+  width: 175px;
+  color: white;
+  background: transparent;
+  font-size:18px;
+  padding: 12px 0 0 0;
+  height: 33px;
+  border: 0;
 }
 
 .element.large .event-load-btn {
-   width: 175px;
-   height: 33px;
-   color: white;
-   background: transparent;
-   font-size:18px;
-   padding: 12px 0 0 0;
-   border: 0;
+  width: 175px;
+  height: 33px;
+  color: white;
+  background: transparent;
+  font-size:18px;
+  padding: 12px 0 0 0;
+  border: 0;
 }