css-heroic-games-launcher-heroicgameslauncher-add-6-lines

Before1.wineManager {
.tabsWrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
7
  .FormControl__button {
…lines 9–32 unchanged (24 lines)
  }
}
35
.wineList {
  margin-top: 48px;
  margin: 48px var(--space-xl-fixed) 0;
39
  .gameListHeader {
    grid-template-columns: 3fr 2fr 1fr 10%;
    & span:last-child {
      justify-self: center;
    }
  }
…lines 46–56 unchanged (11 lines)

After1.wineManager {
height: 100%;
display: flex;
flex-direction: column;
.tabsWrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
10
…lines 11–35 unchanged (25 lines)
  }
}
38
.wineList {
  margin-top: 48px;
  margin: 48px var(--space-xl-fixed) 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
45
  .gameListHeader {
    grid-template-columns: 3fr 2fr 1fr 10%;
    & span:last-child {
      justify-self: center;
    }
…lines 51–62 unchanged (12 lines)

Before

stylesheet

rule_set

selectors

class_selector

. "."

class_name

identifier "wineManager"

block

{ "{"

rule_set (+153 nodes collapsed)

rule_set

selectors

class_selector

. "."

class_name

identifier "wineList"

block

{ "{"

declaration

property_name "margin-top"

: ":"

integer_value

unit "px"

; ";"

declaration

property_name "margin"

: ":"

integer_value

unit "px"

call_expression

function_name "var"

arguments

( "("

plain_value "--space-xl-fixed"

) ")"

integer_value "0"

; ";"

rule_set (+38 nodes collapsed)

} "}"

rule_set (+35 nodes collapsed)

} "}"

After

stylesheet

rule_set

selectors

class_selector

. "."

class_name

identifier "wineManager"

block

{ "{"

declaration

property_name "height"

: ":"

integer_value

unit "%"

; ";"

declaration

property_name "display"

: ":"

plain_value "flex"

; ";"

declaration

property_name "flex-direction"

: ":"

plain_value "column"

; ";"

rule_set (+153 nodes collapsed)

rule_set

selectors

class_selector

. "."

class_name

identifier "wineList"

block

{ "{"

declaration

property_name "margin-top"

: ":"

integer_value

unit "px"

; ";"

declaration

property_name "margin"

: ":"

integer_value

unit "px"

call_expression

function_name "var"

arguments

( "("

plain_value "--space-xl-fixed"

) ")"

integer_value "0"

; ";"

declaration

property_name "display"

: ":"

plain_value "flex"

; ";"

declaration

property_name "flex-direction"

: ":"

plain_value "column"

; ";"

declaration

property_name "flex-grow"

: ":"

integer_value "1"

; ";"

rule_set (+38 nodes collapsed)

} "}"

rule_set (+35 nodes collapsed)

} "}"

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help