Fix: connection card host truncation and badge layout

Move the host label to its own line so it truncates properly before
the edit/delete buttons. Move the lock icon and scheme badge pill to
a separate third line below the host.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gerwin Kuijntjes
2026-04-02 12:28:29 +02:00
parent 0e162ddcd5
commit af37fb7095

View File

@@ -61,18 +61,17 @@
VerticalOptions="Center" />
</Border>
<!-- Name + Host + scheme badge inline -->
<StackLayout Grid.Column="1" Spacing="3" Padding="12,0,8,0" VerticalOptions="Center">
<!-- Name + Host + scheme badge -->
<StackLayout Grid.Column="1" Spacing="2" Padding="12,0,8,0" VerticalOptions="Center">
<Label Text="{Binding DisplayName}"
FontSize="15" FontAttributes="Bold"
TextColor="{DynamicResource PrimaryTextColor}"
LineBreakMode="TailTruncation" MaxLines="1" />
<StackLayout Orientation="Horizontal" Spacing="6">
<Label Text="{Binding Host}"
FontSize="12"
TextColor="{DynamicResource SecondaryTextColor}"
LineBreakMode="TailTruncation"
VerticalOptions="Center" />
<Label Text="{Binding Host}"
FontSize="12"
TextColor="{DynamicResource SecondaryTextColor}"
LineBreakMode="TailTruncation" MaxLines="1" />
<StackLayout Orientation="Horizontal" Spacing="4">
<Label IsVisible="{Binding IsSecure}"
Text="{x:Static fonts:FontAwesomeSolid.Lock}"
FontFamily="{StaticResource FontAwesomeSolid}"