1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25
26. 26
27. 27
28. 28
29. 29
30. 30
31. 31
32. 32
33. 33
34. 34
35. 35
36. 36
37. 37
38. 38
39. 39
40. 40
41. 41
42. 42
43. 43
44. 44
45. 45
46. 46
47. 47
48. 48
49. 49
50. 50
51. 51
52. 52
53. 53
54. 54
55. 55
56. 56
57. 57
58. 58
59. 59
60. 60
61. 61
62. 62
63. 63
64. 64
65. 65
66. 66
67. 67
68. 68
69. 69
70. 70
71. 71
72. 72
73. 73
74. 74
75. 75
76. 76
77. 77
78. 78
79. 79
80. 80
81. 81
82. 82
83. 83
84. 84
85. 85
86. 86
87. 87
88. 88
89. 89
90. 90
91. 91
92. 92
93. 93
94. 94
95. 95
96. 96
97. 97
98. 98
99. 99
100. 100
101. 101
102. 102
103. 103
104. 104
105. 105
106. 106
107. 107
108. 108
109. 109
110. 110
111. 111
112. 112
113. 113
114. 114
115. 115

.admin {
  &.hooks .list {
    > .item {
      &:not(:first-child) {
        border-top: 1px solid var(--color-secondary);
        padding: 1rem;
        margin: 15px -1rem -1rem;
      }
    }
  }

  .table.segment {
    padding: 0;
    font-size: 13px;
    overflow-x: scroll;

    &:not(.striped) {
      thead {
        th:last-child {
          padding-right: 5px !important;
        }
      }
    }

    th {
      padding-top: 5px;
      padding-bottom: 5px;
    }

    &:not(.select) {
      th,
      td {
        &:first-of-type {
          padding-left: 15px !important;
        }
      }
    }

    form tbody button[type='submit'] {
      padding: 5px 8px;
    }

  }

  .settings .button.adopt,
  .settings .button.delete {
    margin-top: -15px;
    margin-bottom: -15px;
    .label {
      vertical-align: middle;
    }
  }

  &.user {
    .email {
      max-width: 200px;
    }
  }

  dl.admin-dl-horizontal {
    padding: 20px;
    margin: 0;

    dd {
      margin-left: 275px;
      @media @mediaSm {
        margin-left: 5%;
      }
    }

    dt {
      font-weight: 600;
      float: left;
      width: 285px;
      clear: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      @media @mediaSm {
        width: auto;
        margin-right: .5em;
      }
    }
  }

  &.config {
    #test-mail-btn {
      margin-left: 5px;
    }
  }

  code,
  pre {
    white-space: pre-wrap;
    word-wrap: break-word;
  }

  #notice-table {
    .notice-description {
      @media @mediaSm {
        max-width: 80vw;
      }
      @media @mediaMd {
        max-width: 360px;
      }
      @media @mediaLg {
        max-width: 510px;
      }
      @media @mediaXl {
        max-width: 640px;
      }
    }
  }
}