Simplify 'View-Resource page' UI

Get rid of the resource role details and provide button-like elements
to help navigate to view more details.

2 files changed, 30 insertions, 0 deletions

diff --git a/gn2/wqflask/static/new/css/pills.css b/gn2/wqflask/static/new/css/pills.css
new file mode 100644
index 00000000..57c84204
--- /dev/null
+++ b/gn2/wqflask/static/new/css/pills.css
@@ -0,0 +1,25 @@
+a.pill{
+    border: 1px;
+    color: #3071A9;
+    text-decoration: none;
+    border: 1px solid #3071A9;
+    border-radius: 5px;
+    padding: 0.3em;
+    box-shadow: 3px 3px #DEDEDE;
+    text-align: center;
+}
+
+a.pill:active {
+    box-shadow: 1px 1px aquamarine;
+    position: relative;
+    left: 2px;
+    top: 2px;
+}
+
+a.pill:hover {
+    text-decoration: none;
+}
+
+a.pill:focus {
+    text-decoration: none;
+}
diff --git a/gn2/wqflask/static/new/css/resource-roles.css b/gn2/wqflask/static/new/css/resource-roles.css
new file mode 100644
index 00000000..f6f5e54b
--- /dev/null
+++ b/gn2/wqflask/static/new/css/resource-roles.css
@@ -0,0 +1,5 @@
+.resource_roles {
+    display: grid;
+    grid-template-columns: 150px 150px 150px 150px 150px;
+    grid-gap: 5px;
+}