Artemis/src/Artemis.UI/Screens/Device/Tabs/DeviceInfoTabView.axaml

<UserControl xmlns="https://github.com/avaloniaui"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:avalonia="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"
             xmlns:device="clr-namespace:Artemis.UI.Screens.Device"
             mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
             x:Class="Artemis.UI.Screens.Device.DeviceInfoTabView"
             x:DataType="device:DeviceInfoTabViewModel">
    <ScrollViewer HorizontalScrollBarVisibility="Disabled" VerticalScrollBarVisibility="Auto">
        <Grid RowDefinitions="Auto,*" ColumnDefinitions="*,*" Margin="-5">
            <!-- First row -->
            <Border Classes="card" Grid.Column="0" Grid.Row="0" Margin="5">
                <StackPanel HorizontalAlignment="Stretch" VerticalAlignment="Top">
                    <TextBlock FontWeight="Bold">Device name</TextBlock>
                    <TextBlock TextWrapping="Wrap" Text="{CompiledBinding Device.RgbDevice.DeviceInfo.DeviceName}" />
                    <Border Classes="card-separator" />

                    <TextBlock FontWeight="Bold">Manufacturer</TextBlock>
                    <TextBlock TextWrapping="Wrap" Text="{CompiledBinding Device.RgbDevice.DeviceInfo.Manufacturer}" />
                    <Border Classes="card-separator" />


                    <TextBlock FontWeight="Bold">Device type</TextBlock>
                    <TextBlock TextWrapping="Wrap" Text="{CompiledBinding Device.DeviceType}" />
                    <Border Classes="card-separator" IsVisible="{CompiledBinding IsKeyboard}" />

                    <StackPanel IsVisible="{CompiledBinding IsKeyboard}">
                        <TextBlock FontWeight="Bold">Physical layout</TextBlock>
                        <TextBlock TextWrapping="Wrap" Text="{CompiledBinding Device.PhysicalLayout}" />
                    </StackPanel>
                </StackPanel>
            </Border>

            <Border Classes="card" Grid.Row="0" Grid.Column="1" Margin="5">
                <StackPanel VerticalAlignment="Top">
                    <TextBlock FontWeight="Bold">Size (1px = 1mm)</TextBlock>
                    <TextBlock TextWrapping="Wrap" Text="{CompiledBinding Device.RgbDevice.Size}" />
                    <Border Classes="card-separator" />

                    <TextBlock FontWeight="Bold">Location (1px = 1mm)</TextBlock>
                    <TextBlock TextWrapping="Wrap" Text="{CompiledBinding Device.RgbDevice.Location}" />
                    <Border Classes="card-separator" />

                    <TextBlock FontWeight="Bold">Rotation (degrees)</TextBlock>
                    <TextBlock TextWrapping="Wrap" Text="{CompiledBinding Device.RgbDevice.Rotation.Degrees}" />
                    <Border Classes="card-separator" IsVisible="{CompiledBinding IsKeyboard}" />

                    <StackPanel IsVisible="{CompiledBinding IsKeyboard}">
                        <TextBlock FontWeight="Bold">Logical layout</TextBlock>
                        <TextBlock TextWrapping="Wrap" Text="{CompiledBinding Device.LogicalLayout}" />
                    </StackPanel>
                </StackPanel>
            </Border>

            <!-- Second row -->
            <Border Classes="card" Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2" Margin="5">
                <StackPanel>
                    <Grid ColumnDefinitions="*,Auto">
                        <TextBlock FontWeight="Bold">Default layout file path</TextBlock>
                        <Button Grid.Column="1"
                                Classes="icon-button"
                                ToolTip.Tip="Copy path to clipboard"
                                Click="LayoutPathButton_OnClick">
                            <avalonia:MaterialIcon Kind="ContentCopy" Width="18" Height="18" />
                        </Button>
                    </Grid>
                    <TextBlock
                        TextWrapping="Wrap"
                        Text="{CompiledBinding DefaultLayoutPath}" />
                    <Border Classes="card-separator" />

                    <Grid ColumnDefinitions="*,Auto">
                        <TextBlock FontWeight="Bold">Image file path</TextBlock>
                        <Button Grid.Column="1"
                                Classes="icon-button"
                                ToolTip.Tip="Copy path to clipboard"
                                Click="ImagePathButton_OnClick">
                            <avalonia:MaterialIcon Kind="ContentCopy" Width="18" Height="18" />
                        </Button>
                    </Grid>
                    <TextBlock TextWrapping="Wrap" Text="{CompiledBinding Device.Layout.Image.LocalPath}" />
                </StackPanel>
            </Border>
        </Grid>
    </ScrollViewer>

</UserControl>