From 6cb1a253f50e4592c35b03b947bda3de866f2a5a Mon Sep 17 00:00:00 2001
From: HefnerK <45883591+HefnerK@users.noreply.github.com>
Date: Mon, 9 Sep 2019 19:37:29 -0700
Subject: [PATCH 1/4] changed paper-tabs position

---
 src/ctree-app/ctree-landing.html | 120 +++++++++++++++++++++----------
 1 file changed, 81 insertions(+), 39 deletions(-)

diff --git a/src/ctree-app/ctree-landing.html b/src/ctree-app/ctree-landing.html
index 0d75fe1..13b3fb5 100644
--- a/src/ctree-app/ctree-landing.html
+++ b/src/ctree-app/ctree-landing.html
@@ -79,44 +79,64 @@
         --app-secondary-color: black;
       }
       #mainLayout app-toolbar {
-        padding: 0 8px 0 0;
+        padding: 15px 10px 10px 15px;
+        @apply --layout-horizontal;
+        @apply --layout-end-justified;
+        background-color: rgba(255, 255, 255, 0.95);
+
       }
       #content {
         @apply --layout-fit;
         overflow-y: auto;
         -webkit-overflow-scrolling: touch;
       }
-      #headerTitle, #menuButton {
-        display: none;
+      #headerTitle {
+        color: #63A375;
+        font-size: 23px;
+
+      }
+      #menuButton{
+        color: black;
+        float: right;
       }
       app-drawer ul {
         text-align: left !important;
       }
       app-header-layout {
-        height: 100vh;
+        height: 200vh;
       }
       app-header {
         background-color: #FFFFFF;
         color: #fff;
       }
       app-header paper-icon-button {
-        --paper-icon-button-ink-color: white;
+        --paper-icon-button-ink-color: red;
+      }
+      paper-tabs{
+
       }
       paper-tab {
-        width: 0;
+        width: 100;
+
       }
       paper-tab[link] a {
         @apply --layout-horizontal;
         @apply --layout-center-center;
-        color: #196948;
+        color: #63A375;
         text-decoration: none;
+        font-size: 12px;
+
       }
+      paper-tabs[noink][nobar] paper-tab.core-selected {
+            color: #db352c;
+
       paper-tab iron-icon {
         padding-right: 2px;
       }
       .tabTooltip {
         visibility: hidden;
       }
+
       paper-button {
         text-transform: none;
       }
@@ -250,6 +270,10 @@
         }
         paper-tabs {
           display: none;
+          float: right;
+
+
+
         }
         #headerTitle, #menuButton {
           display: inline-block;
@@ -375,45 +399,63 @@
     <ctree-new-element-dialog-accessor id="newElementDialog" ctree-key="[[ctreeKey]]"></ctree-new-element-dialog-accessor>
     <ctree-user-dialog-accessor id="userDialog" ctree-key="[[ctreeKey]]"></ctree-user-dialog-accessor>
 
-    <app-header-layout id="mainLayout" has-scrolling-region>
+
+
+    <app-header-layout id="mainLayout" has-scrolling-region effects>
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
-      <app-header slot="header" reveals effects="waterfall">
-        <app-toolbar>
+
+      <app-header reveals effects="waterfall" slot="header">
+        <app-toolbar class="toolbar">
           <ctree-app-icon></ctree-app-icon>
-          <div id="headerTitle" main-title>Collaboration Trees</div>
-          <paper-icon-button id="menuButton" icon="menu" on-tap="_toggleDrawer"></paper-icon-button>
-          <paper-tabs selected="{{section}}" attr-for-selected="name" fallback-selection="overview" bottom-item style="margin-left: 66px">
-            <paper-tab id="overviewTab" name="overview" link>
-              <a href="[[rootPath]]?section=overview" tabindex="-1">
-                Overview
-              </a>
-            </paper-tab>
-            <paper-tab id="feedbackTab" name="feedback" link>
-              <a href="[[rootPath]]?section=feedback" tabindex="-1">
-                Feedback
-              </a>
-            </paper-tab>
-            <paper-tab id="featuresTab" name="features" link>
-              <a href="[[rootPath]]?section=features" tabindex="-1">
-                Features
-              </a>
-            </paper-tab>
-            <paper-tab id="ctreeTab" name="ctree" link>
-              <a href="[[rootPath]]?section=ctree" tabindex="-1">
-                cTree
-              </a>
-            </paper-tab>
-            <paper-tab id="participateTab" name="participate" link>
-              <a href="[[rootPath]]?section=participate" tabindex="-1">
-                Participate
-              </a>
-            </paper-tab>
-          </paper-tabs>
+          <div id="headerTitle" main-title> Collaboration Tree</div>
+
+
+          <div id="paperTabsWidth" style="width:60%">
+            <paper-icon-button id="menuButton" icon="menu" drawer-toggle >Collaboration Trees</paper-icon-button>
+            <!--custom style to change color of a pressed paper-tab -->
+            <custom-style>
+              <style is="custom-style">
+                paper-tabs[no-bar] paper-tab.iron-selected {
+                  color: #ffff8d;
+                }
+              </style>
+            </custom-style>
+
+
+            <paper-tabs selected="{{section}}" attr-for-selected="name" fallback-selection="overview" bottom-item style="margin-left: 66px" style="width:50px" no-bar noink>
+              <paper-tab id="overviewTab" name="overview" link>
+                <a href="[[rootPath]]?section=overview" tabindex="-1">
+                  Overview
+                </a>
+              </paper-tab>
+              <paper-tab id="feedbackTab" name="feedback" link>
+                <a href="[[rootPath]]?section=feedback" tabindex="-1">
+                  Feedback
+                </a>
+              </paper-tab>
+              <paper-tab id="featuresTab" name="features" link>
+                <a href="[[rootPath]]?section=features" tabindex="-1">
+                  Features
+                </a>
+              </paper-tab>
+              <paper-tab id="ctreeTab" name="ctree" link>
+                <a href="[[rootPath]]?section=ctree" tabindex="-1">
+                  cTree
+                </a>
+              </paper-tab>
+              <paper-tab id="participateTab" name="participate" link>
+                <a href="[[rootPath]]?section=participate" tabindex="-1">
+                  Participate
+                </a>
+              </paper-tab>
+            </paper-tabs>
+          </div>
         </app-toolbar>
       </app-header>
 
       <div id="content">
         <div id="overview" class="section-styling">
+
         </div>
         <div id="feedback" class="section-styling">
           <p>W</p>

From 6fce5ad096dd1faadcb5c18ec54ed6008ba07f03 Mon Sep 17 00:00:00 2001
From: HefnerK <45883591+HefnerK@users.noreply.github.com>
Date: Sat, 14 Sep 2019 17:18:01 -0700
Subject: [PATCH 2/4] changed height of header

---
 src/ctree-app/ctree-landing.html | 37 ++++++++++++++++----------------
 1 file changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/ctree-app/ctree-landing.html b/src/ctree-app/ctree-landing.html
index 13b3fb5..15674f3 100644
--- a/src/ctree-app/ctree-landing.html
+++ b/src/ctree-app/ctree-landing.html
@@ -108,23 +108,29 @@
       app-header {
         background-color: #FFFFFF;
         color: #fff;
+        height: 6%;
       }
       app-header paper-icon-button {
-        --paper-icon-button-ink-color: red;
-      }
-      paper-tabs{
 
       }
-      paper-tab {
-        width: 100;
 
-      }
+
       paper-tab[link] a {
         @apply --layout-horizontal;
         @apply --layout-center-center;
-        color: #63A375;
+        color: #000000;
         text-decoration: none;
         font-size: 12px;
+        outline: none;
+
+
+      }
+      paper-tabs{
+        --paper-tabs-selection-bar-color: blue;
+      }
+      paper-tab.iron-selected{
+        color: blue !important ;
+
 
       }
       paper-tabs[noink][nobar] paper-tab.core-selected {
@@ -156,6 +162,7 @@
         font-weight: bold;
       }
 
+
       h1 {
         font-size: 4em;
       }
@@ -389,6 +396,8 @@
       }
     </style>
 
+
+
     <iron-meta key="rootPath" value="{{rootPath}}"></iron-meta>
     <ctree-import id="importLoader" href="/src/ctree-loader/ctree-list-loader-test.html" on-loading-changed="_importLoaderLoadingChanged"></ctree-import>
     <ctree-import id="importPreview" href="/src/ctree-element-preview/ctree-element-preview.html"></ctree-import>
@@ -401,10 +410,10 @@
 
 
 
-    <app-header-layout id="mainLayout" has-scrolling-region effects>
+    <app-header-layout id="mainLayout" has-scrolling-region>
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
-      <app-header reveals effects="waterfall" slot="header">
+      <app-header slot="header" reveals effects="waterfall" >
         <app-toolbar class="toolbar">
           <ctree-app-icon></ctree-app-icon>
           <div id="headerTitle" main-title> Collaboration Tree</div>
@@ -412,17 +421,9 @@
 
           <div id="paperTabsWidth" style="width:60%">
             <paper-icon-button id="menuButton" icon="menu" drawer-toggle >Collaboration Trees</paper-icon-button>
-            <!--custom style to change color of a pressed paper-tab -->
-            <custom-style>
-              <style is="custom-style">
-                paper-tabs[no-bar] paper-tab.iron-selected {
-                  color: #ffff8d;
-                }
-              </style>
-            </custom-style>
 
 
-            <paper-tabs selected="{{section}}" attr-for-selected="name" fallback-selection="overview" bottom-item style="margin-left: 66px" style="width:50px" no-bar noink>
+            <paper-tabs selected="{{section}}" attr-for-selected="name" fallback-selection="overview" bottom-item style="margin-left: 66px" style="width:50px" no-bar noink autoselectDelay>
               <paper-tab id="overviewTab" name="overview" link>
                 <a href="[[rootPath]]?section=overview" tabindex="-1">
                   Overview

From 0f9bbb7a6a690835874a1c9c2bb1ec13ab55912b Mon Sep 17 00:00:00 2001
From: HefnerK <45883591+HefnerK@users.noreply.github.com>
Date: Sat, 14 Sep 2019 17:29:10 -0700
Subject: [PATCH 3/4] Testing git username

---
 src/ctree-app/ctree-landing.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ctree-app/ctree-landing.html b/src/ctree-app/ctree-landing.html
index 15674f3..980da89 100644
--- a/src/ctree-app/ctree-landing.html
+++ b/src/ctree-app/ctree-landing.html
@@ -108,7 +108,7 @@
       app-header {
         background-color: #FFFFFF;
         color: #fff;
-        height: 6%;
+        height: 6% ;
       }
       app-header paper-icon-button {
 

From 17b86a81dd7c80ac897cc48a845c6edf905087f9 Mon Sep 17 00:00:00 2001
From: KyleHefner <khefner@uci.edu>
Date: Sat, 14 Sep 2019 17:37:07 -0700
Subject: [PATCH 4/4] testing username

---
 src/ctree-app/ctree-landing.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ctree-app/ctree-landing.html b/src/ctree-app/ctree-landing.html
index 980da89..15674f3 100644
--- a/src/ctree-app/ctree-landing.html
+++ b/src/ctree-app/ctree-landing.html
@@ -108,7 +108,7 @@
       app-header {
         background-color: #FFFFFF;
         color: #fff;
-        height: 6% ;
+        height: 6%;
       }
       app-header paper-icon-button {