ui/src/assets/widgets/details_table.scss

// Copyright (C) 2023 The Android Open Source Project
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//      http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

table.pf-details-table {
  @include transition(0.1s);
  @include table-font-size;
  width: 100%;
  // Aggregation panel uses multiple table elements that need to be aligned,
  // which is done by using fixed table layout.
  table-layout: fixed;
  word-wrap: break-word;
  padding: 0 10px;
  tr:hover {
    td,
    th {
      background-color: $table-hover-color;

      &.no-highlight {
        background-color: white;
      }
    }
  }
  th {
    text-align: left;
    width: 30%;
    font-weight: normal;
    vertical-align: top;
  }
  td.value {
    white-space: pre-wrap;
  }
  td.padding {
    min-width: 10px;
  }
  .array-index {
    text-align: right;
  }
}

.auto-layout {
  table-layout: auto;
}