Fixing Flex Posts Formatting

css/cal.css

@@ -37,99 +37,6 @@
   display: none;
 }
 
-#events-table {
-  /*
-  		ul.btn-multi{
-  			margin-bottom:.5em;
-  			
-  			li{
-  				
-  				ul{
-  					
-  					padding: 0px 0px 0px 12px;
-  					
-  					li{
-  						
-  						&.month-arrow{
-  							
-  							a.icon{
-  								
-  								span.glyphicons{
-  									padding: 0px 0px 0px 5px;
-  
-  									&:before{
-  										color:#fff;
-  										font-size: 14px;
-  										display:block;
-  										position: relative;
-  									}				
-  								}
-  							}
-  						}
-  					}
-  				}
-  				a.btn-toggle{
-  					margin-left:10px;
-  					font-size:14px;
-  					color:#777;
-  					text-align: center;
-  				}
-  			}
-  		}
-  	}
-  	*/
-  /*
-  #events-grid.table {
-  	tbody{
-  		tr{
-  			
-  			th{
-  				width:14%;
-  				text-align:right;
-  				
-  				span{
-  					font-weight:normal;
-  					color:#777;
-  					font-size:12px !important;
-  				}
-  			}
-  			td{
-  				border-left: 1px solid #eee;
-  				border-right: 1px solid #eee;
-  				border-bottom: 1px solid #eee;
-  				background: #fff;
-  				text-align:left;
-  				height: 90px;
-  				padding:1px;
-  				ol.event-list{
-  					li{
-  						span.event-time{
-  							font-size:11px !important;
-  							padding: 0px 0px 0px 2px !important;
-  						}
-  						ol{
-  							padding: 0px 2px 0px 2px !important;
-  							li{
-  								background: rgba(15,25,56, 0.1);
-  								border:1px solid rgba(15,25,56, 0.2) !important;
-  								padding: 0px 3px 0px 3px !important;
-  								margin-bottom: 2px !important;
-  								a.event-link{
-  									strong{
-  										font-weight:normal;
-  										font-size:12px !important;
-  									}
-  								}
-  							}
-  						}
-  					}
-  				}
-  			}
-  		}
-  	}
-  }
-  */
-}
 #events-table #events-toolbar {
   margin-bottom: 1em;
 }

sass/widgets.scss

@@ -231,8 +231,7 @@
 
 		}
 		&.widget_dpe_fp_widget{
-			padding:0;
-			background-color:transparent;
+
 			.dpe-flexible-posts{
 				li{
 					padding: 0.1em 0px 0.1em 0px;
@@ -241,33 +240,18 @@
 					a{
 						margin:0;
 						position:relative;
-						display:inline-block;
-						.attachment-thumbnail{
-							height: 60px;
-							width: 60px;
-							margin-right:10px;
-							margin-bottom:10px;
-							float:left;
-						}
-						.attachment-medium{
-							width:48%;
-							margin-right:10px;
-							margin-bottom:10px;
-							float:left;
-						}
-						.attachment-large{
-							max-width:100%;
-							margin-right:10px;
-							margin-bottom:10px;
-							float:left;
-							clear:right;
-						}
+						display:inline;
+
+
+
 						.title{
-							display:block;
+							display:inline;
 							position:relative;
 							font-size: 1em;
-							font-weight: normal;	
+							font-weight: normal;
+							clear:left;
 						}
+
 						&:after{
 						   visibility: hidden;
 						   display: block;
@@ -278,6 +262,45 @@
 						}
 					}
 				}
+				li.has-post-thumbnail {
+					a {
+						display:block;
+
+						img {
+							display:block;
+							margin-bottom:10px;
+
+							&.attachment-thumbnail{
+								height: 60px;
+								width: 60px;
+								margin-right:10px;
+								float:left;
+							}
+							&.attachment-medium{
+								width:48%;
+								margin-right:2%;
+								float:left;
+							}
+							&.attachment-large{
+								width:100%;
+							}	
+						}
+
+						.attachment-thumbnail+.title,
+						.attachment-medium+.title{
+							display:block;
+							float:left;
+							clear:none;
+						}
+						.attachment-medium+.title{
+							width:50%;	
+						}
+
+						&:hover .title {
+							text-decoration:underline;	
+						}
+					}
+				}
 			}
 		}