Пользовательский GMail CSS предотвращает клики

Question

Я использую " Стильный" и приведенный ниже CSS для настройки Лаборатории с несколькими почтовыми ящиками таким образом, чтобы вместо входящих почтовых ящиков, расположенных в 1 вертикальном столбце, они теперь были в 2 столбцах, а первый почтовый ящик занимал верхнюю часть. CSS действительно работает, чтобы дать мне вид, который я хочу.

Однако по какой-то причине я не могу различить, я больше не могу щелкать электронные письма в ящиках входящих сообщений. Мысли о том, почему? Или как я могу это исправить?

/* example look */
| First Inbox |
| 2nd  | 3rd  |
| 4th  | 5th  |

/* each inbox */
.BltHke.nK {
  width: 49%;
  float: left;
  padding-right: 1%;
}

/* first inbox */
.nH.nn > .nH > .nH:first-child > .BltHke {
  width: 100%;
}

Answer 1

Благодаря подсказке Брока Адамса я выяснил, что части нижнего (или оригинального) почтового ящика закрывали многократное пространство входящих из-за моего float: left правила.

Чтобы это исправить, мне пришлось добавить эти фрагменты в следующий код.

/* fix float over multiple inbox area */
.D.E.G-atb.bP {
    float: left;
}

.ae4.UI {
    float: left;
}