Skip to content

Commit

Permalink
Fixes #1945 - Misssing margin in the "About" panel
Browse files Browse the repository at this point in the history
  • Loading branch information
@HarelM
HarelM committed Sep 14, 2023
1 parent 83f9795 commit 91a5136
Showing 1 changed file with 66 additions and 64 deletions.
130 changes: 66 additions & 64 deletions IsraelHiking.Web/src/application/components/sidebar/info-sidebar.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,77 +2,79 @@
<mat-tab-group [selectedIndex]="selectedTabIndex" (selectedIndexChange)="selectedTabChanged($event)" [dynamicHeight]="'true'">
<mat-tab label="{{resources.about}}">
<mat-card appearance="outlined">
<p><span [innerHtml]="resources.infoSubheader"></span></p>
<div *ngIf="!isApp()" class="flex flex-row justify-center items-center">
<a href="https://play.google.com/store/apps/details?id=il.org.osm.israelhiking&hl=en" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download from google play store">
<img src="content/google-play-badge.png" width="200" />
</a>
</div>
<div *ngIf="!isApp()" class="flex flex-row justify-center items-center">
<a href="https://apps.apple.com/us/app/israel-hiking-map/id1451300509" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download from app store">
<img src="content/app-store-badge.png" width="200" />
</a>
</div>
<div *ngIf="isMobile()" class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-question-circle-o w-full"></i></div>
<div class="flex-1">{{resources.longPressHint}}</div>
</div>
<h4>{{resources.infoHelpfulLinks}}</h4>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-facebook w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://www.facebook.com/groups/israelhikingmap/" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Facebook group">{{resources.infoFacebookLink}}</a>
<mat-card-content>
<p><span [innerHtml]="resources.infoSubheader"></span></p>
<div *ngIf="!isApp()" class="flex flex-row justify-center items-center">
<a href="https://play.google.com/store/apps/details?id=il.org.osm.israelhiking&hl=en" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download from google play store">
<img src="content/google-play-badge.png" width="200" />
</a>
</div>
</div>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-github w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://www.github.com/IsraelHikingMap" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Github">{{resources.infoGithubLink}}</a>
<div *ngIf="!isApp()" class="flex flex-row justify-center items-center">
<a href="https://apps.apple.com/us/app/israel-hiking-map/id1451300509" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download from app store">
<img src="content/app-store-badge.png" width="200" />
</a>
</div>
</div>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-wikipedia-w w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://wiki.openstreetmap.org/wiki/WikiProject_Israel" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="OSM Wiki">{{resources.infoOsmWikiLink}}</a>
<div *ngIf="isMobile()" class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-question-circle-o w-full"></i></div>
<div class="flex-1">{{resources.longPressHint}}</div>
</div>
</div>
<mat-divider></mat-divider>
<div class="flex flex-row" *ngIf="!isApp()">
<div class="w-1/6 text-center"><i class="fa icon-download w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="" (click)="openDownloadDialog($event)" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download open">{{resources.infoDownloadOldMapsForOfflineUse}}</a>
<h4>{{resources.infoHelpfulLinks}}</h4>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-facebook w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://www.facebook.com/groups/israelhikingmap/" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Facebook group">{{resources.infoFacebookLink}}</a>
</div>
</div>
</div>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-edit w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Privacy-Policy-and-Terms-of-Service" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Terms of service">{{resources.infoPrivacyPolicyTermsOfService}}</a>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-github w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://www.github.com/IsraelHikingMap" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Github">{{resources.infoGithubLink}}</a>
</div>
</div>
</div>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-question-circle-o w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Israel-Hiking-Maps-FAQ" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="FAQ">{{resources.infoFAQLink}}</a>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-wikipedia-w w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://wiki.openstreetmap.org/wiki/WikiProject_Israel" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="OSM Wiki">{{resources.infoOsmWikiLink}}</a>
</div>
</div>
</div>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-layers w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Attribution" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="FAQ">{{resources.attribution}}</a>
<mat-divider></mat-divider>
<div class="flex flex-row" *ngIf="!isApp()">
<div class="w-1/6 text-center"><i class="fa icon-download w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="" (click)="openDownloadDialog($event)" angulartics2On="click" angularticsCategory="Info" angularticsAction="Download open">{{resources.infoDownloadOldMapsForOfflineUse}}</a>
</div>
</div>
</div>
<br />
<p>
<i>
{{resources.infoFooterThanks}}<br />
{{resources.infoFooterAuthors}}<br />
</i>
</p>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-edit w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Privacy-Policy-and-Terms-of-Service" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="Terms of service">{{resources.infoPrivacyPolicyTermsOfService}}</a>
</div>
</div>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-question-circle-o w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Israel-Hiking-Maps-FAQ" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="FAQ">{{resources.infoFAQLink}}</a>
</div>
</div>
<mat-divider></mat-divider>
<div class="flex flex-row">
<div class="w-1/6 text-center"><i class="fa icon-layers w-full"></i></div>
<div class="flex-1">
<a class="w-full link" href="https://github.com/IsraelHikingMap/Site/wiki/Attribution" target="_blank" angulartics2On="click" angularticsCategory="Info" angularticsAction="FAQ">{{resources.attribution}}</a>
</div>
</div>
<br />
<p>
<i>
{{resources.infoFooterThanks}}<br />
{{resources.infoFooterAuthors}}<br />
</i>
</p>
</mat-card-content>
</mat-card>
</mat-tab>
<mat-tab label="{{resources.legend}}">
Expand Down

0 comments on commit 91a5136

Please sign in to comment.