Project import generated by Copybara.
GitOrigin-RevId: d9e9e3fb4e31372ec1fb43b178994ca78fa8fe70
diff --git a/static/css/ph_mobile.css b/static/css/ph_mobile.css
new file mode 100644
index 0000000..82c1ada
--- /dev/null
+++ b/static/css/ph_mobile.css
@@ -0,0 +1,141 @@
+/* Copyright 2016 The Chromium Authors. All Rights Reserved.
+ *
+ * Use of this source code is governed by a BSD-style
+ * license that can be found in the LICENSE file or at
+ * https://developers.google.com/open-source/licenses/bsd
+ */
+
+@media (max-width: 425px) {
+
+ body {
+ min-width: 0; /* get rid of hardcoded width */
+ }
+
+
+ /* Top navigation bar */
+
+ #monobar .toptabs {
+ display: none; /* hide most of the options to save some space */
+ }
+
+ #userbar {
+ padding: 5px;
+ }
+
+ #userbar > span {
+ display: inline-flex;
+ flex-wrap: wrap;
+ }
+
+
+ /* Search toolbar */
+
+ .subt {
+ padding: 5px;
+ }
+
+ .subt .inIssueEntry, .subt .inIssueList {
+ display: block;
+ margin: 10px 0 !important;
+ }
+
+ .subt label[for="searchq"], .subt label[for="can"], #can {
+ display: none; /* hide some labels and search scope helper field to save some space */
+ }
+
+
+ /* Main content */
+
+ #maincol > div > form > table > tbody > tr {
+ display: flex;
+ flex-direction: column;
+ }
+
+ #maincol > div > form > table > tbody > tr > td {
+ display: block;
+ }
+
+ #maincol table.rowmajor {
+ display: flex;
+ flex-direction: column;
+ width: auto; /* get rid of hardcoded width */
+ max-width: 100%;
+ }
+
+ #maincol table.rowmajor tbody {
+ flex-grow: 1;
+ }
+
+ #maincol table.rowmajor tr {
+ display: flex;
+ flex-direction: column;
+ }
+
+ #maincol table.rowmajor tr > th {
+ text-align: left;
+ }
+
+ #maincol table.rowmajor tr > td {
+ display: block;
+ width: 90%;
+ }
+
+ #maincol input[type="button"],
+ #maincol input[type="submit"],
+ #maincol select,
+ #maincol textarea {
+ font-size: 100%;
+ width: 100%;
+ margin-bottom: 16px;
+ }
+
+ #maincol input[type="button"],
+ #maincol input[type="submit"] {
+ padding: 10px;
+ }
+
+ #maincol .labelediting input {
+ max-width: 19%;
+ }
+
+ #maincol div.tip {
+ display: none;
+ }
+
+ #maincol .enum_checkbox {
+ width: 31%;
+ padding: 3px;
+ }
+
+
+ /* Others */
+
+ #footer {
+ display: flex;
+ margin: 0 5px 5px 5px ;
+ text-align: left;
+ }
+
+ #attachprompt {
+ display: block;
+ padding: 10px 0;
+ }
+
+ input[type="button"],
+ input[type="submit"],
+ a.buttonify { /* make all types of buttons easier to click */
+ padding: 5px;
+ }
+
+ table#meta-container,
+ table#meta-container > tbody > tr,
+ table#meta-container > tbody > tr> td {
+ display: block;
+ width: 100%;
+ }
+
+ #blocked-table {
+ width: 90%;
+ }
+
+}