Fix container width and spacing
	
		
			
	
		
	
	
		
	
		
			All checks were successful
		
		
	
	
		
			
				
	
				FarmMaps.Develop/FarmMapsLib/develop This commit looks good
				
			
		
		
	
	
				
					
				
			
		
			All checks were successful
		
		
	
	FarmMaps.Develop/FarmMapsLib/develop This commit looks good
				
			This commit is contained in:
		| @@ -5,7 +5,7 @@ | ||||
|       <h4 i18n>Farm</h4> | ||||
|       <h3>{{schemeItem.name}}</h3> | ||||
|       <div class="cropfields"> | ||||
|         <div class="row m-0" *ngFor="let feature of features" (click)="handleFeatureClick(feature)" (mouseenter)="handleFeatureMouseEnter(feature)" (mouseleave)="handleFeatureMouseLeave(feature)"> | ||||
|         <div class="row m-0 pl-3 pr-3" *ngFor="let feature of features" (click)="handleFeatureClick(feature)" (mouseenter)="handleFeatureMouseEnter(feature)" (mouseleave)="handleFeatureMouseLeave(feature)"> | ||||
|           <fm-map-feature-list-feature-container [feature]="feature"></fm-map-feature-list-feature-container> | ||||
|         </div> | ||||
|       </div> | ||||
|   | ||||
| @@ -1,7 +1,7 @@ | ||||
| @import "../../_theme.scss"; | ||||
| @import "~bootstrap/scss/bootstrap.scss"; | ||||
|  | ||||
| feature-list-feature-container { | ||||
| fm-map-feature-list-feature-container { | ||||
|   width:100%; | ||||
|   pointer-events:none; | ||||
| } | ||||
| @@ -18,6 +18,6 @@ feature-list-feature-container { | ||||
|  | ||||
| .cropfields { | ||||
|   border-top: 1px solid gray('500'); | ||||
|   margin-left: -1.5rem; | ||||
|   margin-right: -1.5rem; | ||||
|   margin-left: -1.25rem; | ||||
|   margin-right: -1.25rem; | ||||
| } | ||||
|   | ||||
| @@ -4,7 +4,7 @@ | ||||
|       <div><a href="#" (click)="handleBackClick($event)" i18n>Back</a></div> | ||||
|       <h3 i18n><i class="fm fm-farm"></i> Farms</h3> | ||||
|       <div class="farms"> | ||||
|         <div class="row m-0" *ngFor="let feature of features" (click)="handleFeatureClick(feature)" (mouseenter)="handleFeatureMouseEnter(feature)" (mouseleave)="handleFeatureMouseLeave(feature)"> | ||||
|         <div class="row m-0 pl-3 pr-3" *ngFor="let feature of features" (click)="handleFeatureClick(feature)" (mouseenter)="handleFeatureMouseEnter(feature)" (mouseleave)="handleFeatureMouseLeave(feature)"> | ||||
|           <fm-map-feature-list-feature-container [feature]="feature"></fm-map-feature-list-feature-container> | ||||
|         </div> | ||||
|       </div> | ||||
|   | ||||
| @@ -1,7 +1,7 @@ | ||||
| @import "../../_theme.scss"; | ||||
| @import "~bootstrap/scss/bootstrap.scss"; | ||||
|  | ||||
| feature-list-feature-container { | ||||
| fm-map-feature-list-feature-container { | ||||
|   width:100%; | ||||
|   pointer-events:none; | ||||
| } | ||||
| @@ -18,6 +18,6 @@ feature-list-feature-container { | ||||
|  | ||||
| .farms { | ||||
|   border-top: 1px solid gray('500'); | ||||
|   margin-left: -1.5rem; | ||||
|   margin-right: -1.5rem; | ||||
|   margin-left: -1.25rem; | ||||
|   margin-right: -1.25rem; | ||||
| } | ||||
|   | ||||
| @@ -1,6 +1,6 @@ | ||||
| <div *ngIf="features;let features"> | ||||
|   <a href="#" (click)="handleBackClick($event)">Go back</a> | ||||
|   <div class="row m-0" *ngFor="let feature of features" (click)="handleFeatureClick(feature)" (mouseenter)="handleFeatureMouseEnter(feature)" (mouseleave)="handleFeatureMouseLeave(feature)"> | ||||
|   <div class="row m-0 pl-3 pr-3" *ngFor="let feature of features" (click)="handleFeatureClick(feature)" (mouseenter)="handleFeatureMouseEnter(feature)" (mouseleave)="handleFeatureMouseLeave(feature)"> | ||||
|     <fm-map-feature-list-feature-container [feature]="feature"></fm-map-feature-list-feature-container> | ||||
|   </div> | ||||
| </div> | ||||
|   | ||||
| @@ -1,7 +1,7 @@ | ||||
| @import "../../_theme.scss"; | ||||
| @import "~bootstrap/scss/bootstrap.scss"; | ||||
|  | ||||
| feature-list-feature-container { | ||||
| fm-map-feature-list-feature-container { | ||||
|   width: 100%; | ||||
|   pointer-events: none; | ||||
| } | ||||
|   | ||||
		Reference in New Issue
	
	Block a user